是否可以有一个基于 CSS 属性(及其值)的 CSS 选择器?

Sol*_*ace 9 css css-selectors

例如,我想要所有div具有 CSSoverflow:auto;属性的元素的 CSS 选择器。有可能有那种选择器吗?

Jer*_*yal 7

请注意,style="overflow:auto;"将匹配具有完全相同的 CSS(字符串)的 div。如果你想选择包含 overflow:auto一些其他CSS的div,你可以使用*选择器。

div[style*="overflow:auto;"]{
  background-color: #f00;
}
Run Code Online (Sandbox Code Playgroud)


Bho*_*yar 6

不,没有办法用 css 做到这一点。您需要使用脚本语言。

但是,如果您在 html 中定义了如下样式,则可能如下所示:

div[style="overflow:auto;"]{
  background-color: #f00;
}
Run Code Online (Sandbox Code Playgroud)
    <div style="overflow:auto;">overflow is auto</div>
    
Run Code Online (Sandbox Code Playgroud)