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?

Antworten auf die Frage(1)

Ihre Antwort auf die Frage