如何将几个css类用于一个元素？

Question

我有一个班级：

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
 display: inline;
 float: left;
 margin-left: 10px;
 margin-right: 10px;
}

现在我想要更改display: inline; - ＆gt; display: block;和float: left; - ＆gt; float: none;一个元素;

我创建了另一个类：

.logonormal{
float:none;
display:block;
}

我告诉我：

<header id="banner" role="banner" class="grid_12 logonormal">

但我在firefox中看不到logonormal。我做错了什么？

Answer 1

确保在 CSS文件中的.logonormal类之后>某处定义了.grid_12类。由于选择器具有相同的优先级，因此这是决定因素。

Answer 2

如果您已经遵循了Kolink的建议（css选择器的顺序），那么也许您可以增加specificity of your css declaration。

这样的事可能吗？

 header.logonormal {
      float:none;
      display:block;
 }

祝你好运。