有没有CSS不包含的选择器？

Question

鉴于以下情况

 <span id="foo_repeater_bar_0"></span>
 <span id="foo_repeater_batz_1"></span>

我想要一个 css select 或者这将使我能够 select 只有 ID 中不包含 foo_repeater 的项目。

我知道如何使用逆函数，span[id*=foo_repeater]，但是我需要帮助。

Answer 1

您可以使用 :not pseudo class:

span:not([id*=foo_repeater])

Answer 2

使用:not()排除[id*=foo_repeater]。

span:not([id*=foo_repeater]) {
  color: red;
}

<span id="foo_repeater_bar_0">One</span>
<span id="foo_repeater_batz_1">Two</span>
<span id="repeater_batz_1">Three</span>