结束选择器有几个类

Question

我的HTML代码片段：

<div class="random-xxx-class1 sdfgsdfg-class2">test</div> 

CSS：

div[class$='ss2'] {
  background-color: red
}

效果很好，但适用于：

div[class$='ss1'] {
  background-color: red
}

没有工作。

如何在没有调整顺序的情况下使用CSS作为DIV中不是最后一个类的结束类？

Answer 1

我会选择像

这样的东西

div[class$="ss1"], div[class*="ss1 "] {

这将处理以ss1结尾的任何类属性（列表中的最后一个类）或包含以ss1结尾的类，可能后跟其他类。