css селекторы nth-child - нацелены на первых (n) детей
Я пытался настроить таргетинг только на первые четыре элемента списка с помощью селектора css nth-child и / или 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>
моя первая попытка:
ul li:nth-child(1n):not(:nth-last-child(-n+5)){
font-weight:bold;
}
Все же я хотел упростить это
так что мой второй
ul li:nth-child(-n+4){
font-weight:bold;
}
Можете ли вы сказать мне, есть ли лучшее решение, чем второе / это правильный путь для первого (n) детей?