我需要重复选择器的常见部分还是有更好的方法？

Question

我希望得到类似以下的内容（例如||）：

[.pw-each-placecomment or .pw-each-usercomment] h2 { }

这可能吗？

Answer 1

现在不是简单的CSS。 Firefox推出了非标准:any()，但它只是在Firefox，Chrome和Safari中实验性的。它可以作为:matches()，因此请密切关注它。

如果您不使用CSS预处理器，例如SASS，Stylus，LESS等，那么您将很难运气。

你必须将它们列出来。

.pw-each-placecomment h2,
.pw-each-usercomment h2 {

}

Answer 2

您可以使用属性选择器。

^（克拉）符号表示字符串的开头（此处为类名的开头）：

div[class^="pw-each-"] h2 {  
   color: red;  
}

<强> FIDDLE

这将选择任何具有祖先div的h2元素，其类名以“pw-each - ”开头

所以例如： pw-each-placecomment和pw-each-usercomment - 将匹配......但

pw-other-other或other-pw-each-placecomment-不会。

有关此选择器（以及一般选择器）的详细信息，我建议this article