ik heb een standaard menu dus:
HTML
<html>
<body>
<ul>
<li>
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 2</a>
</li>
</ul>
</body>
</html>
Toon Meer
Nu wil ik in css hebben dat als de muis erover heen gaat alle linkjes een border-right krijgen, behalve diegene waar de muis op staat.
Ik heb nu wel wat dingen gelezen over de :not() functie, maar ik krijg het niet werkend.
Weet iemand hoe ik dit voor elkaar krijg?
EDIT:
Is inmiddels gelukt. Mochten mensen het zich afvragen hoe?
CSS
ul:hover > li > a
{
border-right: 1px solid #000;
}
ul > li > a:hover
{
border-right: none !important;
}
De ul:hover geeft alle links een border. Met de a:hover wordt hij bij de link zelf weer weggehaald.