css selectors nth-child - um die ersten (n) Kinder anzusprechen
Ich habe versucht, nur die ersten vier Listenelemente in der Verwendung des CSS-Selektors nth-child und / oder nth-last-child als Ziel festzulegen
<ul>
<li>Hello first item</li>
<li>Hello item 2<li>
<li>Hello item 3</li>
<li>Hello item 4</li>
<li>Hello item 5</li>
<li>Hello item 6</li>
<li>Hello item 7</li>
<li>Hello item 8</li>
<li>Hello item 9</li>
</ul>
mein erster versuch:
ul li:nth-child(1n):not(:nth-last-child(-n+5)){
font-weight:bold;
}
Trotzdem wollte ich es vereinfachen
also mein zweiter:
ul li:nth-child(-n+4){
font-weight:bold;
}
Können Sie mir sagen, ob es eine bessere Lösung als die zweite gibt / ist dies der richtige Weg, um erste (n) Kinder anzusprechen?