如何在CSS中选择具有多个类的元素？

Question

定位以下标记的正确CSS选择器是什么：

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

正确的选择器是否只有：

.twelve-col col main-menu {
}

Answer 1

没有。您应该使用.组合各个类名：

.twelve-col.col.main-menu

Answer 2

没有。您的选择器正在尝试查找INSIDE main-menu中的col INSIDE twelve-col。但是您正在寻找同时具有twelve-col col main-menu个类的元素，因此请使用.twelve-col.col.main-menu

然而，尝试使用BEM方法，只使用一个类使所有选择器具有相同的特异性（http://getbem.com）

Answer 3

最有效的选择器是nav.twelve-col.col.main-menu，您也可以使用nav.main-menu，这是有道理的。