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

Question

我有一个定义了以下 CSS 类的 div:

<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 类的元素是 后代 类 用户界面按钮”。

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