En fråga om pseudo-klasser

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

TroxyMedlem sedan mars 20041 505 inlägg

Trådstart10 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
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?

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.