当我必须为许多HTML元素分配CSS规则时(我可能会不断更改)。
我总是处于分组CSS选择器的两难境地:
.left-column,
.left-column .post,
.left-column img,
.right-column,
.right-column .post,
.right-column img {
width: 279px !important;
}
或者将类绑定到我希望应用规则的HTML元素(类名称width297仅供参考。我永远不会命名类似的类):
<div id="left-column" class="width279">
<div id=".post" class="width279">
</div>
</div>
<div "right-column" class="width279">
</div>
<div class="width279">
</div>
<div class="width279">
等...
从长远来看,什么方法可以为我节省更多时间?
答案 0 :(得分:3)
第一种方法可以为您节省更多时间。如果您只想将某些内容设置为正确的列而不是左列,则会遇到麻烦。
用CSS中的字段命名字段总是好的,因为它更易读,更容易找到。
如果您想编辑左栏怎么办?如果你这样命名,你将如何能够找到它:
<div class="width279">
<div class="width279">
</div>
</div>
因为无论如何你都要给他们ID,你也可以通过ID给他们打造样式。此外,这种风格一样,你可以通过分组来使用CSS:
.left-column,
.right-column {
width: 279px;
}
以下所有div .left-column和.right-column将继承该样式。