不会用＆＃34; r＆＃34;完成的类别属性

Question

如果class属性包含a（示例导航），但未使用r完成，则背景必须为蓝色。

我试过

:not([class$="r"]){
    background-color: blue;
}

但它没有工作

Answer 1

这似乎可以解决问题。这是你在找什么？

它使用*=选择器，它是一个“包含”选择器。即通过包含"a"且不以"r"

结尾的课程向我提供所有内容

[class*="a"]:not([class$="r"]){
    background-color: blue;
}

<div class="car">Car</div>
<div class="nav">Nav</div>
<div class="cav">Cav</div>
<div class="nar">Nar</div>