Question

我有一个div，定义了以下CSS类：

<div class="ui-button ui-state-active">bla bla bla</div>

我试图通过这种方式为该类定义CSS样式

<style>
    .ui-button .ui-state-active {
        background-color:#000000;
    }
</style>

它不起作用，我是以错误的方式提到班级吗？

由于

Answer 1

删除空格：

.ui-button.ui-state-active

这个空格，规则说“类ui-state-active的元素是后代的元素ui-button”。< / p>

指定多个类buggy in IE6：对于IE6，该规则将应用于具有类ui-state-active的所有元素。（感谢@Meder提醒）

Answer 2

.ui-button.ui-state-active {}

虽然这可能不适用于IE6，但重要的是。

Answer 3

为什么不将类更改为ui-state-active并将css复制？（我知道这是重复的代码）

<div class="ui-state-active">bla bla bla</div>

<style>
.ui-button {
    background-color:#000000;
}
.ui-state-active {
    background-color:#000000;
    color:blue;
}
</style>

在CSS中，如何设置具有两个类的div？

3 个答案: