是否有CSS不包含选择器？

Question

鉴于以下内容

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

我想要一个css选择器，它可以让我只选择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>