css - 如何为 HTML 中的组合类提供 CSS 代码

Question

我有两个类在列表“活动”和“主选项卡列表之类”下，并希望为这个组合类提供一个 CSS。

Answer 1

只是级联它们

 .main-tab-list.active{color:red;}

这可确保仅选择活动的 .main-tab-list。其他也有 .active 类的类不会受到影响。它只是说，将此规则应用于同时具有 .active 类的所有 .main-tab-list 类

Answer 2

如果您希望将特殊样式应用于具有这两个 类的元素，请使用以下规则：

.active.main-tab-list {/*note there's no space between .active and .main-tab-list*/}

如果您希望将样式应用于具有任一类的元素：

.active ,
.main-tab-list {/*newline is not required*/}

另请参阅基于多个类的选择元素和http://www.w3.org/TR/CSS2/selector.html

Answer 3

你可以把它和逗号结合起来。例如，

.active,.main-tab-list{color:red;}