seletores de css enésimo filho - para direcionar os primeiros (n) filhos
Eu tenho tentado direcionar apenas os quatro primeiros itens da lista no seletor css nth-child e / ou nth-last-child
<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>
minha primeira tentativa:
ul li:nth-child(1n):not(:nth-last-child(-n+5)){
font-weight:bold;
}
No entanto, eu queria simplificá-lo
então meu segundo:
ul li:nth-child(-n+4){
font-weight:bold;
}
Você pode me dizer se existe uma solução melhor do que a segunda / esta é a maneira correta de atingir os primeiros (n) filhos?