将CSS选择器分组或将类分配给HTML元素?

时间:2011-01-17 10:12:32

标签: css

当我必须为许多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">

等...

从长远来看,什么方法可以为我节省更多时间?

1 个答案:

答案 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将继承该样式。