Forskjell på a:link og a.KeyLink:link

[SD]

 a:link {

text-decoration:underline;

color:#0099CC}

a:visited { 

text-decoration:underline;

color:#0099CC}

a:hover { 

text-decoration:underline;

color:#CCCCCC;

}

a.KeyLink:link {

text-decoration:none;

color:#CCCCCC}

a.KeyLink:visited { 

text-decoration:none;

color:#CCCCCC}

a.KeyLink:hover { 

text-decoration:none;

color:#CCCCCC;

Hva er forskjellen på disse kodene? Heller på med et cssoppsett der disse er oppført, men vet ikke helt hva jeg skal gjøre her når denne keylink-koden er der.

[olavxxx]

Hei,

Default-gruppen din, den uten klasse, altså denne:

a:link {

text-decoration:underline;

color:#0099CC}

a:visited { 

text-decoration:underline;

color:#0099CC}

a:hover { 

text-decoration:underline;

color:#CCCCCC;

}

Den vil style alle a href tags. Ellers, har du også noe som heter inheritance (arving), som vil si at andre klasser vil arve om du feks. sier at a:hover skal være bold. Men, i tillegg, kan du, som er gjort der, definere flere klasser (classes).

a.KeyLink:link {

text-decoration:none;

color:#CCCCCC}

a.KeyLink:visited { 

text-decoration:none;

color:#CCCCCC}

a.KeyLink:hover { 

text-decoration:none;

color:#CCCCCC;}

For å bruke den klassen der, keylink, så gjør du slik:

&middot;&nbsp;<a href="#" title="foo" class="KeyLink">&aelig; &oslash; &aring;</a>

relatert ressurss:

• Diverse CSS
  

[SD]

Aah, thank you