Html 在css文件中组合css类

假设我有以下css规则：

.blah { Rules }

我就是这么用的

<div class="blah">

要将其用作

，请将其声明为：

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

---

它将匹配同时具有类

.mar bot blah

和

.blah

的元素。如果您想使它真正具体化，我将使用您的第一个解决方案。 （警告：IE6无法处理此问题！）

在大多数情况下，只要使用它就足够了 .mar bot blah{页边距底部：10px；}

---

因此，您也可以在其他类中重复使用此设置。

FYI，在类之间使用空格是为了后代。所以，如果.mar bot blah是.blah元素的子元素，您将使用第二个示例。

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