OOCSS-仅使用类进行样式设置

我现在正在练习OOCSS，但我遇到了一个问题

<ul>
    <li>a</li>
    <li>b</li>
    <li>c</li>
</ul>

但根据OOCSS，我们应该使用类来设置元素的样式，如：

<ul>
    <li class="li-1">a</li>
    <li class="li-2">b</li>
    <li class="li-3">c</li>
</ul>

.li-1 {}
.li-2 {}
.li-3 {}

现在看起来还可以，但如果我有10个，我必须添加10个类，这看起来很愚蠢

---

我应该使用哪种风格？基于OOCSS，我可以使用类以外的类来为元素设置样式吗？

从技术上讲，我认为它们指的是应该使用类而不是html元素标识符

因此，或许可以采取如下措施：

A. B B 然后只需使用原始样式，如：

.li:nth-of-type1{} .li:nth-of-type2{} .li:nth-of-type3{} 在您的例子中，基本上使用类就像使用id一样。类应该标识多个元素

<ul>
    <li class="li-1">a</li>
    <li class="li-2">b</li>
    <li class="li-3">c</li>
</ul>

.li-1 {}
.li-2 {}
.li-3 {}