html - 在 css 文件中组合 css 类

Question

假设我有以下 css 规则：

.blah { Rules }

我就这样使用它

<div class="blah">

现在假设，在我的文档中的某个地方，我需要添加margin-bottom: 10px到其中一个类名为 blah 的 div 中，以便我可以使其尽可能具体，

我应该将其声明为

.blah.mar-bot-blah { margin-bottom: 10px; }
or 
.blah .mar-bot-blah { margin-bottom: 10px; }

将其用作<div class="blah mar-bot-blah">

Answer 1

将其声明为：

.blah.mar-bot-blah { margin-bottom: 10px; }

它将匹配同时具有类.mar-bot-blah和.blah.

Answer 2

如果你想让它真正具体，我会使用你的第一个解决方案。（警告：IE6 无法处理！）

在大多数情况下，只需使用 .mar-bot-blah { margin-bottom: 10px; 就足够了。} 所以你也可以在其他类中重复使用这个设置。