什么 CSS 选择器用于针对一个 HTML 元素的多个类？答案

【问题标题】：What CSS selector to use for multiple classes targeting one HTML element?什么 CSS 选择器用于针对一个 HTML 元素的多个类？
【发布时间】：2019-01-05 12:36:17
【问题描述】：

这就是我所拥有的：

nav .class1, nav .class2, nav .class3 {property: value;}

这就是我想要的（或类似的）：

nav (something) .class1, .class2, .class3 {property: value;}

【问题讨论】：

使用预处理器。
这些课程是导航的直接孩子吗？它们是同一个标签吗？
用逗号分隔的 CSS 选择器规则是完全独立的。你必须使用像 SASS 或 LESS 这样的预处理器，但是有什么方法可以简化你的标记吗？
这只是一个简单的例子，代码比这复杂得多，并且类不是元素导航的直接子级。每个类都有其属性和值，但这些类还有一些其他属性和值共有，因此我使用逗号语法。
stackoverflow.com/questions/5196583/… 这有帮助吗？

标签： css

【解决方案1】：

如果你可以改变你的 html，你可以给你想要匹配的元素添加一个类，像这样：

HTML：

<nav>
    <div class="class1 to-match"></div>
    <div class="class2 to-match"></div>
    <div class="other"></div>
</nav>

CSS：

nav > .to-match {property: value;}

如果您无法更改 HTML，唯一的方法是使用预处理器。

【讨论】：

其中一些是伪类，我想过做类似的事情但不可能。我想我需要一个预处理器。