我需要重复选择器的常见部分吗?或者有更好的方法吗

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且类名以"pw-each-"开头的h2元素

因此，例如：pw-each placecomment和pw-each usercomment-将匹配。。。但是

pw其他或其他pw每个地方注释-不会。

有关这个选择器（以及一般的选择器）的更多信息，我推荐这篇文章