如何在 CSS 中选择具有多个类的元素？ [复制]答案

【问题标题】：How can I select an element with multiple classes in CSS? [duplicate]如何在 CSS 中选择具有多个类的元素？ [复制]
【发布时间】：2017-12-21 04:17:10
【问题描述】：

针对以下标签的正确 CSS 选择器是什么：

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

正确的选择器应该是：

.twelve-col col main-menu {
}

【问题讨论】：

【解决方案1】：

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

.twelve-col.col.main-menu

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

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

【讨论】：