Ik ben al een tijdje aan het klooien, maar kom er niet uit, dus vraag ik het hier maar even.

Het is de bedoeling dat alle links in de div met id 'content', een bepaalde style krijgen.

Dit is wat ik nu heb, maar wat niet wekt:


a.content:link a.content:visited a.content:active{
	text-decoration: underline;
	color:#666666;
}

a.content:hover {
	text-decoration: none;
	color:#666666;
}


en de pagina:


<div id="maincontent" class="content">
    <a href="#">link</a>
</div>
Moet de volgorde niet zijn:
- link
- visited
- hover
- active

Zoals je het nu hebt, kan je misschien problemen krijgen omdat de active voor de hover komt?
Zullen we ook een discussie houden over "of het bericht of de code meer te vertrouwen is"?
@Kasper
Klopt helemaal.
De volgorde van PHPwaardeloos is niet correct.

edit:
Nou PHP naab dan komt op het zelfde neer.
L(ink)oV(isited)e/H(over)A(ctive)te --> LoVe/HAte


edit:
Kalle, je opmerking kan wel iets subtieler denk je niet... ??(wijst naar het woord "PHPwaardeloos")
Ach joh Jason, laat Kalle toch lekker op flikkeren...

ja, ook je edit Kalle
Zullen we ook de oplossing op het oorspronkelijke idee geven? :P
Wat ik bedoel is, hoe je het nu hebt, werkt het ook. Maar je wou het met de class regelen.
Dat kan wel, maar je had de div een class gegeven, en met je CSS gaf je de a met class content een opmaak.

Zo had het dus ook gewerkt.

div.content a {etc}
Zoals jij het eerst had, had je HTML dit moeten zijn:

<div id="maincontent">
    <a href="#" class="content">link</a>
</div>


Maar eigenlijk is mijn post overbodig, aangezien het al gelukt is op een andere manier :)
Dank Willen-Jan, maar dit is een pagina die met een CMS wordt aangepast door iemand anders, en het is uiteraard niet de bedoeling dat diegene zelf de hele tijd een style aan een link mee moet geven ;-)

Maar dit kon je niet weten, dus toch bedankt ;-)

Reageren