css - 为自定义样式选择元素的不同名称 ID?

标签 css css-selectors

有一个网站将广告放在 iframe 中,其 ID 在重新加载时会发生变化。他们也有反addblock:

enter image description here 我想使用一个扩展来制作自定义样式,该扩展隐藏所有具有以该“adsIframe”开头的 id 的元素。有没有办法选择所有这些元素?

最佳答案

您可以在 CSS 中使用通配符属性选择器。例如:

iframe[id^="adsIframe"] {
   color: red;
}

将选择任何 iframe 元素,其 id 属性 adsIframe 开头。使用 *= 将针对那些 id 属性包含 adsIframe 的广告。

来自 MSDN :

[attr^=value]
Represents an element with an attribute name of attr whose value is prefixed (preceded) by value.

关于css - 为自定义样式选择元素的不同名称 ID?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48242453/

相关文章:

html - 如何仅在悬停幻灯片时显示箭头

javascript - 如何使用 Raphael.js 缩放文本

jquery - 在窗口调整大小时自动调整右侧容器的宽度

CSS :first-child selector

javascript - testcafe 选择器未找到 'div' 元素

javascript - 如何使用 JavaScript 或 CSS 仅显示 H2 标题的第一个单词

html - 如何设置<input>边框

javascript - 获取 data-* 属性的值,而不知道 "data-"之后的内容

html - 如何使用CSS排除某些特定元素的样式?

css - 是否有 CSS 父级选择器?