不太具体的课程风格将不适用

时间:2013-04-21 16:53:24

标签: html css

我有一个名为.dropdown的类,它在整个页面中使用。但对于其中一个下降,我希望下限为10px。所以,在html中我使用

<div class="dropdown" style="margin-bottom: 10px">

它工作正常。但是,如果我要在我的css文件中声明:

.ddMargin  { margin-bottom: 10px; }

然后在我的html中使用它:

<div class="dropdown ddMargin">

它似乎不起作用。如何使这个额外的类规则更具体?

.dropdown .ddMargin  { margin-bottom: 10px; }

似乎也无效。

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:2)

消除空间

.dropdown.ddMargin  { margin-bottom: 10px; }

这就是你选择一个包含两个类的元素的方法。

答案 1 :(得分:0)

选择具有多个类的元素时没有空格:

.dropdown.ddMargin  { margin-bottom: 10px; }
         ^