在css文件中组合css类

时间:2012-07-05 10:00:39

标签: html css css3

假设我有以下css规则:

.blah { Rules }

我将其用作

<div class="blah">

现在假设,在我的doc中的某个地方,我需要将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">

2 个答案:

答案 0 :(得分:5)

声明为:

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

它将匹配同时包含.mar-bot-blah.blah类的元素。

答案 1 :(得分:1)

如果你想让它真正具体,我会使用你的第一个解决方案。 (警告:IE6无法处理此问题!)

在大多数情况下,只需使用即可     .mar-bot-blah {margin-bottom:10px; } 所以你也可以在其他课程中重复使用这个设置。