Question

我有一个名为.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; }

似乎也无效。

非常感谢任何帮助。

Answer 1

消除空间

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

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

Answer 2

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

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