通过内联样式属性选择 CSS

是否有一个 CSS 选择器通过其内联样式属性值来选择这个元素?

<div style='display:block'>...</div>

比如

div[cssAttribute=cssValue]
124241 次浏览

内联 style属性与任何其他 HTML 属性没有区别,可以与子字符串属性选择器匹配:

div[style*="display:block"]

然而正是因为这个原因,它才是 非常脆弱。由于属性选择器不支持正则表达式,因此只能执行属性值的 一模一样子字符串匹配。例如,如果在属性值中有一个空格,比如:

<div style='display: block'>...</div>

在更改选择器以适应空间之前,它不会匹配。然后它将停止匹配 不要包含空格的值,除非您包含所有的排列,令人作呕。但是,如果您使用的文档中的内联样式声明本身不太可能发生任何更改,那么应该没有问题。

还要注意的是,在所有选择元素时,这是 没有,按照 DOM 中反映的实际指定、计算或使用的值。使用 CSS 选择器时,那个是不可能的。

包括“ ;”对我来说效果更好。

div[style*="display:block;"]

始终查看属性是如何用 HTML 编写的(您可以在浏览器的 Elements 选项卡中检查它)。你必须使用完全相同的价值。以我为例: style="left: 100%;"。而不是 style="left:100%"或类似的东西。