2

我有一个名为 .dropdown 的类,它在整个页面中使用。但是对于这些下拉菜单之一,我希望底部边距为 10 像素。所以,在我使用的 html 中

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

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

.ddMargin  { margin-bottom: 10px; }

然后在我的html中使用它:

<div class="dropdown ddMargin">

它似乎不起作用。我怎样才能使这个额外的班级规则更具体?

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

似乎也不起作用。

任何帮助都感激不尽。

4

2 回答 2

2

消除空间

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

这就是您选择同时具有两个类的元素的方式。

于 2013-04-21T16:55:52.317 回答
0

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

.dropdown.ddMargin  { margin-bottom: 10px; }
         ^
于 2013-04-21T16:56:05.347 回答