Ich habe eine Reihe von Elementen mit einem Klassennamen red aber ich kann anscheinend nicht das erste Element mit der Option class="red" unter Verwendung der folgenden CSS-Regel:
.home .red:first-child {
border: 1px solid red;
}
<div class="home">
<span>blah</span>
<p class="red">first</p>
<p class="red">second</p>
<p class="red">third</p>
<p class="red">fourth</p>
</div>Was ist an diesem Selektor falsch und wie kann ich ihn korrigieren, damit er auf das erste Kind mit der Klasse red ?
