Menu link pakt last-child niet op
Ik ben denk ik nog niet helemaal wakker, maar ik kom niet het volgende:
Ik heb een navigatie menu
------------ HTML -------------
<nav class="right">
<ul>
<li><a class="active" href="#">index</a></li>
<li><a href="#">nieuws</a></li>
<li><a href="#">producten</a></li>
<li><a href="#">over ons</a></li>
<li><a href="#">contact</a></li>
</ul>
</nav>
------------ CSS . ---------------
nav {
font-size:0;
margin-top:5.7rem;
}
nav ul li {
font-size:2rem;
display:inline-block;
}
nav ul li a {
color:#fff;
text-decoration: none;
padding: 1rem 3rem;
}
nav ul li a:last-child {
padding:1rem 0 1rem 3rem;
}
Het probleem is dat wanneer ik de last-child aanspreek hij alle A tags oppakt. Wat ik wil bereiken is dat de laatste a-tag geen padding-right heeft.
Wie zou mij een stukje op weg willen helpen?
Gewijzigd op 21/01/2018 10:54:59 door Jan Graneker
Code (php)
1
li:last-child a{ ... }