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

Question

我有两个类列在“活动”和“主要标签列表之类，并希望给这个组合类的CSS。

Answer 1

只是级联他们

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

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

Answer 2

如果您希望将特殊样式应用于两者 classes的元素，请使用以下规则：

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

如果您希望样式应用于具有任何类group them：

的元素

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

另请参阅Select element based on multiple classes和http://www.w3.org/TR/CSS2/selector.html

Answer 3

您可以将其与逗号结合使用。例如，

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