Hi. Ich bin gerade dabei mir ein wenig CSS beizubringen und scheitere jetzt an first-child und last-child. Eigentlich hab ich einen ganz simplen Aufbau der wie folgt aussieht:
<nav id="Main">
<ul>
<a href="#"><li>Punkt 1</li></a>
<a href="#"><li>Punkt 2</li></a>
<li>Punkt 3
<ul>
<a href="#"><li>Punkt 3.1</li></a>
<a href="#"><li>Punkt 3.2</li></a>
<a href="#"><li>Punkt 3.3</li></a>
<a href="#"><li>Punkt 3.4</li></a>
</ul>
</li>
<a href="#"><li>Punkt 4</li></a>
<a href="#"><li>Punkt 5</li></a>
</ul>
</nav>
Jetzt würde ich gerne über last-child den "Punkt 5" in meiner Liste ansprechen und ihm einen Background geben. Aber was ich auch tue, alle anderen Punkte (außer Punkt 3) färben sich auch. Hat jemand eine Idee für mich?
Mein CSS-Code sieht wie folgt aus:
#Main ul li:last-child{
background:red;
}