css - 将 CSS 应用于所有 select2 但不应用于包含字母的 id，反之亦然

Question

我想为所有 id 不包含 month 的 select2 框编写 CSS，我完成了流程。

span[id *= "month"]{
    background-color: red !important;
}

这可以很好地包含字母。

但以下内容应该适用于 not，但它也适用于所有包含 month 的 id。

span:not([id *= "month"]){
    background-color: red !important;
}

注意:为什么我使用 span 标签，因为 select 生成带有 select 标签 ID 的 span 标签，如下所示:

<span title="Month" id="select2-ga_regsmonth-container" class="select2-selection__rendered">Month</span>

我做错了什么？欣赏

Answer 1

似乎工作正常。也许您可以发布您的 HTML？

span:not([id *="month"]) {
  background-color: red;
}

<span id="year">Year</span>
<span id="month">Month</span>