[css] tag overheerst class

[GFoAP]

Ik heb een menu met losse div's, de actieve link wil ik een andere kleur en formaat geven. text size werkt prima, maar de kleur wordt niet veranderd. wat doe ik fout?

html (geknipt):

code:

<div class="submenuitemsc"><a href="collectie.html" class="submenuactief">1010</a></div>
<div class="submenuitemsc"><a href="collectie.html">1012</a></div>
<div class="submenuitemsc"><a href="collectie.html">1416</a></div>

css (geknipt):

code:

a, a:visited, a:active {
    font-family: Arial, Helvetica, sans-serif;
    color: #FF8000;
    text-decoration: none;
}
.submenuactief {
    font-weight: bolder;
    font-size:18px;
    color: #000000;
}

[OkkE]

-- edit --

Nevermind. Bij mij in IE6 en Firefox wordt de active-link gewoon oranje.

-- edit2 --

Ah zo. Als het inderdaad de bedoeling is dat de link juist altijd zwart blijft, dan werkt het zo niet. In Firefox kun je het dan oplossen door .submenuactief te vervangen door a.submenuactief.
Voor internet explorer zal je inderdaad de :active en :visited voor je .submenuactief alsnog moeten instellen.

[ Voor 199% gewijzigd door OkkE op 07-12-2005 16:30 ]

[Verwijderd]

Met "a:active" en een class "..actief" is het enigszins onduidelijk wat je onder de "actieve link" verstaat. Als ik de code in een document plak en bekijk, zie ik de bovenste link zwart en de onderste twee oranje. Klik ik op een link (status :active), dan verandert de link oranje en dat blijf de link verder ook als ik deze bezocht heb (status :visited).

Wat je stylesheet definieert met .submenuactief is enkel a.submenuactief. Wat je lijkt te verwachten, is dat je a.submenuactief, a:visited.submenuactief en a:active.submenuactief in één keer definieert. Helaas, die moet je allemaal expliciet definiëren.

[GFoAP]

dank u dank u. gelukt. even niet aan gedacht dat dat inderdaad ook zou moeten.