是否有CSS不包含选择器？

Question

鉴于以下内容

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

我想要一个css选择器,它将使我能够只选择foo_repeaterid中不包含的项目.

我知道如何使用逆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>