html - 如何对一个元素使用多个 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;->display: block; 和 float: left;->float: none; 一个元素;

我创建另一个类:

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

我在 html 中说:

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

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

Answer 1

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