OOCSS -仅使用类来设置样式
OOCSS -仅使用类来设置样式
提问于 2020-03-11 00:25:54
我现在正在练习OOCSS，但我遇到了一个问题。
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
</ul>如果我想分别设置这3个<li>项目的样式，我会这样做：
li:nth-of-type(1) {}
li:nth-of-type(2) {}
li:nth-of-type(3) {}但是根据OOCSS，我们应该使用class来设置元素的样式，比如：
<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个<li>，我必须添加10个类，这在我看来是愚蠢的。
我应该使用哪种风格？基于OOCSS，我可以使用除类之外的其他元素来设置元素的样式吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-03-11 00:36:58
嗯，从技术上讲，我认为他们指的是你应该使用类而不是html元素标识符。
因此，也许可以这样做：
<ul>
<li class="li">a</li>
<li class="li">b</li>
<li class="li">b</li>
</ul>然后只需使用您的原始样式，如：
.li:nth-of-type(1) {}
.li:nth-of-type(2) {}
.li:nth-of-type(3) {}在您的例子中，您基本上是像使用id一样使用类。类应该标识多个元素。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60627671
复制相关文章
相似问题
样式A类+B类和仅A类
使用CSS设置样式类
不使用每个TD上的CSS类来设置样式；使用JQuery
不能使用导航栏类来设置导航栏的样式
使用SASS & OOCSS的参考
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
