html - 不以 "r"结尾的类属性

Question

如果类属性包含 a(例如 nav)但不以 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>