Css 我需要重复选择器的公共部分吗，还是有更好的方法？

我想要像下面这样的东西（比如

|

）：

---

这是可能的吗？

现在没有简单的CSS。Firefox已经推出了非标准的浏览器，但它是实验性的，并且只在Firefox、Chrome和Safari中使用。它可能以

：matches（）

的形式出现，所以请注意它

如果你不使用CSS预处理器，比如SASS、触控笔、LESS等等，你就很倒霉了

你得把他们都列出来

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

}

---

现在不使用普通CSS。Firefox已经推出了非标准的浏览器，但它是实验性的，并且只在Firefox、Chrome和Safari中使用。它可能以

：matches（）

的形式出现，所以请注意它

如果你不使用CSS预处理器，比如SASS、触控笔、LESS等等，你就很倒霉了

你得把他们都列出来

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

}

---

您可以使用属性选择器

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

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

所以例如：pw每个placecomment和pw每个usercomment-都会匹配。。。但是

pw其他其他或其他pw每个位置评论-不会

---

有关此选择器（以及一般选择器）的更多信息，我建议您可以使用属性选择器

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

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

所以例如：pw每个placecomment和pw每个usercomment-都会匹配。。。但是

pw其他其他或其他pw每个位置评论-不会

---

有关此选择器（以及一般选择器）的更多信息，我建议您

我不确定您的意思。问题是：.pw每个地方注释h2，pw每个用户注释h2{/*css*/}@maachine它不是很干燥，这是我假设OP得到的。thx@maachine，我们有很多这样的东西，所以它比这两个更大（这可能是一个巨大的css重构）。我希望有更符合逻辑的东西。我们正在使用SASS（SASS引导），因此可能会提供一些东西。thx的评论-可能会做什么，你在Iterim建议我不知道你的意思。问题是：.pw每个地方注释h2，pw每个用户注释h2{/*css*/}@maachine它不是很干燥，这是我假设OP得到的。thx@maachine，我们有很多这样的东西，所以它比这两个更大（这可能是一个巨大的css重构）。我希望有更符合逻辑的东西。我们正在使用SASS（SASS引导），因此可能会提供一些东西。thx供评论-可能会按照您在iterimthx中的建议执行，可能会执行类似的操作，然后再执行SASS。thx可能会执行类似的操作，然后再执行SASS。这将选择

div

中满足该条件的

h2

（如询问者所愿）。它不会选择

div

。这会选择

div

中满足该条件的

h2

（如询问者所期望的）。它不选择

div

。

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