html - 有没有CSS不包含选择器的?

标签 html css css-selectors

鉴于以下

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

我想要一个 CSS 选择器,它能让我只选择 ID 中不包含 foo_repeater 的元素。

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

最佳答案

使用: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>

关于html - 有没有CSS不包含选择器的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28099350/

相关文章:

html - 第 n 个类型未按预期工作

html - CSS 选择器仅将样式应用于父链接

html - 在 div 中的图像/图标下居中文本

html - 层叠样式表定位麻烦

html - 删除水平滚动

html - 将表格转换为CSS

html - 悬停时背景叠加

html - css 或 xpath 选择器 : elements which have any attribute with specific value

javascript - 如何使用 ionicons 将搜索图标图像放在搜索框中?

javascript - jQuery UI Sortable 工作异常