CSS: a pseudo's: hoe werkt het nu?

**iamdesign** · 11 juli 2006, 01:57

Hoy allemaal,

Ik zit feitelijk al lang met deze vraag, maar altijd via omweggetjes dit toch kunne vermijden, maar nu wil ik het toch wel eens begrijpen

Hoe zorg je ervoor dat je in je CSS verschillende a's kan gebruiken en a:hovers

Het zit zo:

Ik heb 2 soorten links:

Soort 1:
gewone toestand: tekst = blauw, bovenaan onderstreept
hover toestand: tekst = beetje anders blauw, niet meer onderstreept
Soort 2:
gewone toestand: tekst = wit, bovenaan onderstreept
hover toestand: tekst = wit, niet meer onderstreept

Mijn code dat ik heb (door overal wat er over te lezen en te proberen)

HTML

Code:

<a name="headMenu_link" href="index.php">&raquo; Home</a>
<a name="iamdesign_link" href="http://www.iamdesign.be" rel="external" >iamdesign.be</a>

CSS

Code:

a[headMenu_link]{
	color: #4d6b88;
	text-decoration: none;
	border-top: 1px dotted #0461b5;
}

a[headMenu_link]:hover{
	color: inherit;
	text-decoration: inherit;
	
}

a[iamdesign_link]{
	color: #efefef;
	text-decoration: none;
	border-bottom: 1px dotted #efefef;
}

a[iamdesign_link]:hover{
	color: #efefef;
	text-decoration: none;
	border-bottom: 1px dotted #efefef;
	
}

Dit weigert echter elke dienst

Kan iemand mij helpen, want ik wil dit eindelijk eens doorhebben en de online artikels dat ik heb gelezen hielpen me voor 1x niet vooruit :-/