关于css选择器:如何在CSS中选择具有多个类的元素?

How can I select an element with multiple classes in CSS?

本问题已经有最佳答案,请猛点这里访问。

针对以下标记的正确CSS选择器是什么:

1
<nav class="twelve-col col main-menu">

正确的选择是:

1
2
.twelve-col col main-menu {
}


不可以。您应该使用.组合各个类名:

1
.twelve-col.col.main-menu


最有效的选择器是nav.twelve-col.col.main-menu,您也可以使用nav.main-menu,这是有意义的。


不,您的选择器试图找到main-menucol内,twelve-col内。但是您正在寻找元素,它同时具有twelve-col col main-menu类,所以使用.twelve-col.col.main-menu

但是,尝试BEM方法论,其中只使用一个类使所有选择器具有相同的特异性(http://getbem.com)