Html css选择器第n个子项-以第一（n）个子项为目标

我一直在尝试使用css选择器第n个子项和/或第n个最后一个子项只针对前四个列表项

<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(-n+4){
    font-weight:bold;
}

---

您能告诉我是否有比第二个更好的解决方案/这是针对第一（n）个孩子的正确方法吗？

如果您修复了输入错误，您的代码会正常工作：

尽管更好的解决方案可能是：

 ul li:nth-child(-n+4) {
     font-weight:bold;
 }

---

您的HTML无效。或者这只是一个打字错误？如果你修正了打字错误，它看起来很有效哇，犀利的眼睛@j08691！但是是的，这确实是使用第n个子选择器的方式。谢谢@j08691是的，这是一个输入错误，我将使用解决方案2。

 ul li:nth-child(-n+4) {
     font-weight:bold;
 }