不首先出现的类的 CSS [attribute^=value] 选择器？

Question

我需要使用属性和值 CSS 选择器来定位生成并将更改的类。这工作正常：

[class^="class1"] {
  background: gold
}

<p class="class1-gdsgdfgsgd">Hi</p>

然而实际上，我需要定位的课程并不是最先出现的。class1-ANYTHING在这种情况下有没有办法瞄准？

<p class="classA-fuiiiid classB-djfksdjf <!-- Maybe other classes here --> class1-dfgsfggfd">Hi</p>

Answer 1

你已经在那里了，你只需要使用regex任何地方（*）：

替换^为*：

[class*='class1'] {
    color: red;  
    font-size:30px;
}

<p class="classA-fuiiiid classB-djfksdjf class1-dfgsfggfd">Hi</p>