0

我有一堂课：

.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;->display: block;和float: left;->float: none;敌人一个元素；

我创建了另一个类：

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

我 html 我说：

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

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

4

2 回答 2

1

如果您已经遵循 Kolink 的建议（css 选择器的顺序），那么也许您可以增加您的 css 声明的特异性。

可能是这样的？

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

祝你好运。

于 2013-01-16T19:38:24.300 回答
1

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

于 2013-01-16T18:45:09.050 回答