<分区>
让我们有这样一个html；
<div class="mainElement">
<div class="subElement1">...</div>
<div class="subElement2">...</div>
<div class="subElement3">...</div>
</div>
因此，如果想要设置“subElement1”的样式，哪个更标准或更快。
.mainElement > .subElement1{
/*some CSS here..*/
}
.mainElement .subElement1{
/*some CSS here..*/
}
.mainElement > div:first-child{
/*some CSS here..*/
}
最佳答案
从你所拥有的，最好的是:
.mainElement > .subElement1{
/*some CSS here..*/
}
因为它针对父类的直接子类。
但如果你真的想要性能，你想直接定位类:
.subElement1{
/*some CSS here..*/
}
或者，如果您想要更快的代码，请使用 ID:
#subElement1{
/*some CSS here..*/
}
ID 对于浏览器来说通常更快，因为它们应该每个元素只使用一次。
浏览器从右到左读取 CSS，因此除非您真的需要，否则添加父类/id 只会减慢您的代码。
关于html - 推荐的 CSS 样式指南，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38115553/