Anton_LMedlem sedan mars 200584 inlägg
Hej!
Jag har en websida, men en stilmall enligt följande:
A:LINK {
color: #000000;
text-decoration : none;
font : verdana;
}
A:VISITED {
color: #000000;
text-decoration : none;
font : verdana;
}
A:ACTIVE {
color: #000000;
text-decoration : none;
font : verdana;
}
A:HOVER {
color: #000000;
text-decoration: underline;
font : verdana;
}
, så alla länkar blir svarta hela tiden. Nu är det så att jag har några länkar som jag vill ska vara vita istället, genom på nått vis använda en annan stilmall. vad ska jag göra?!?! <class: stlimall2.css> !??!
MeleaMedlem sedan juli 20032 667 inlägg
A.stilmall2:LINK {
color: #FFFFFF;
text-decoration : none;
font : verdana;
}
A.stilmall2:VISITED {
color: #FFFFFF;
text-decoration : none;
font : verdana;
}
A.stilmall2:ACTIVE {
color: #FFFFFF;
text-decoration : none;
font : verdana;
}
A.stilmall2:HOVER {
color: #FFFFFF;
text-decoration: underline;
font : verdana;
}
<a href="index.html" class="stilmall2">Index.html</a>
:)
/r Eftersom du har samma egenskaper på länkarna räcker det iofs med att du skriver
a.stilmall2 {
color: #FFFFFF;
text-decoration: underline;
font : verdana;
}
Anton_LMedlem sedan mars 200584 inlägg
men var ska
a.stilmall2 {
color: #FFFFFF;
text-decoration: underline;
font : verdana;
}
skrivas!?!? i head taggen eller i eget dokument!??!
GuffaMedlem sedan juni 2004533 inlägg
Lägg det i css-filen.
a {
color: #000;
text-decoration : none;
font : Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
text-decoration: underline;
}
a.kaffesump {
color: #fff;
}
<a href="sida.html" class="kaffesump">En vit länk.</a>
Anton_LMedlem sedan mars 200584 inlägg
Tack för hjälpen, snabb och bra support ;)
learnMedlem sedan jan. 20051 143 inlägg
Följdfråga, hur blir det om man använder sig av id istället för class då?
HelmertzMedlem sedan maj 2005342 inlägg
learn skrev:
Följdfråga, hur blir det om man använder sig av id istället för class då?
Samma sak, men du kan bara nämna varje id en gång per dokument.
Använder du både id och class på samma element räknas både reglerna som du angivit för class men även de för id. Har du angivit samma attribut men med olika värden i class och id, räknas det i id. Exempel:
.a{
font-color: white;
}
#b{
font-color: black;
}
<p class="a" id="b">Hej</p>
.. ger en svart text.
learnMedlem sedan jan. 20051 143 inlägg
jojo, men jag tänkte mer på ifall jag har en generell färg på länkar och vill ha en speciell färg på just en typ av länk. Precis som Anton_L, fast med id istället för class.
Detta funkar ju inte:
a.IDnamn:link { ... }
learnMedlem sedan jan. 20051 143 inlägg
Aja...
men borde inte detta fungera:
<style type="text/css">
a.meny{
text-decoration: none; color: #FFFFFF; font-weight:bold
}
a.meny:hover{
text-decoration: underline;
}
</style>
<p><a href="#" class="meny" id="IDnamn">Startsidan</a></p>
det gör det inte för mig...
learnMedlem sedan jan. 20051 143 inlägg
My fault! Koden ovan fungerar, men om jag istället sätter class="meny" på <p>:et så fungerar det inte (inte heller på <div>:en). Lite jobbigt att behöva sätta klass separat på alla länkar som skall vara vita... Måste finnas ngt enklare..?
HelmertzMedlem sedan maj 2005342 inlägg
Om du har alla länkar i samma div räcker detta:
div#meny a{
text-decoration: none;
color: #FFFFFF;
font-weight:bold
}
div#meny a:hover{
text-decoration: underline;
}
learnMedlem sedan jan. 20051 143 inlägg
tack det fungerar, men jag förstår inte...
En snabb fråga, kan man linka fler stylesheets på samma sida?
HelmertzMedlem sedan maj 2005342 inlägg
Vad förstår du inte? Du kan ha flera stylesheets.
zcorpanMedlem sedan dec. 20042 269 inlägg
"div#meny a" matchar alla <a> som befinner sig inom en <div> med ett ID av värde "meny". Tex i följande exempel matchar båda länkarna:
<div id="meny">
<a href="#">foo</a>
<span><a href="#">bar</a></span>
</div>