En fråga om pseudo-klasser

5 svar · 461 visningar · startad av Troxy 10 juni 2007

TroxyMedlem sedan mars 20041 505 inlägg

Frågan10 juni 2007 12:24#1

Hejsan, jag har grubblat på en sak men inte lyckats hitta något svar.
Säg att man exempelvis har en lång kombination av selektorer såhär, med en pseudo-klass på en länk:

div#main div#content table thead th a:link { color:red; }

Om jag nu vill fortsätta och ange egenskaper för fler pseudo-klasser, som typ :visited och :hover, kan man göra det på ett smidigt sätt utan att behöva skriva allting igen?
Det här är ju inte speciellt smidigt:

div#main div#content table thead th a:link { color:red; }
div#main div#content table thead th a:visited { color:green; }
div#main div#content table thead th a:active { color:blue; }
div#main div#content table thead th a:hover { color:silver; }

Danne VMedlem sedan aug. 20068 090 inlägg

10 juni 2007 12:51#2

Inte säker, men kan du inte ge anchortaggen ett id istället för att knöla med allt det där:

<a href="foo.html" id="mylink">Länk</a>
#mylink a:link {color:#111}
#mylink a:visited {color:#222}
#mylink a:hover {color:#333}
#mylink a:active {color:#444}

dAEkMedlem sedan feb. 20041 816 inlägg

10 juni 2007 12:53#3

Kan du inte sätta ett id- eller klassattribut för tabellen, thead eller th? Det blir ju mindre att skriva isf.

TroxyMedlem sedan mars 20041 505 inlägg

10 juni 2007 13:10#4

Okej visst, men haka inte upp er på det där exemplet nu :P
Det uppstår ganska ofta situationer där man inte har möjlighet att själva ändra på sin markup, eller så har man tabeller eller divvar med samma klass-namn på olika ställen och vill bara komma åt en av dem, osv osv.
Finns det alltså inget sätt? :q

zcorpanMedlem sedan dec. 20042 245 inlägg

10 juni 2007 18:54#5

Nej.

Men förmodligen skulle det räcka med:

#content th a:link { color:red; }
#content th a:visited { color:green; }
#content th a:active { color:blue; }
#content th a:hover { color:silver; }

TroxyMedlem sedan mars 20041 505 inlägg

10 juni 2007 19:09#6

Okej då vet jag.
Tack för svaren.