需要CSS purist的帮助!

Question

我开始越来越多地使用CSS,但我不确定我是否在所有情况下都按预期使用它.

我有一些名为'box'的类,它会用一个边框包装里面的内容,这对我来说似乎是个好CSS.

在另一方面,我有类,如"保证金右5"和"浮动左",设置了css来margin-right: 5px和float:left分别.我想知道这是不是很好的做法.

然后在我的标记中我会做类似的事情:

<div class="box float-left margin-right-5">
    <!-- CONTENT HERE -->
</div>

有时我可能想要浮动或者根本没有边距并且仍然使用'box'类,所以我使用几个类来使css更灵活.

我是在摧毁CSS的原理吗？

Answer 1

您不应该有表示类名称值.值应该决定那里的内容类型..content-box例如.使用最具体的名字就可以了,像warning或error-dialog或primary-content.

如果你给某些东西命名left-align,将来你将这个left-align类放在10-20个单独的模板/包含文件上,当客户决定要让该元素右对齐时,它就没有意义.

只需设置您需要的任何规则,您就可以为泛型类制定通用规则,并在需要时覆盖它们.

.content-box { 
  float:left;
  margin:0 0 0 5px;
}

使用您的方式,您将为每个属性 - 值组合定义一个类......

<div class="align-left float-left clear-right margin-left-five">

这是一团糟.不惜一切代价避免.