内联样式属性的CSS选择器

Question

是否有CSS选择器通过其内联样式属性值选择此元素？

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

就像是

div[cssAttribute=cssValue]

Answer 1

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

div[style*="display:block"]

正是出于这个原因,它非常脆弱.由于属性选择器不支持正则表达式,因此只能执行属性值的精确子字符串匹配.例如,如果属性值中有某个空格,如下所示:

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

在您更改选择器以容纳空间之前,它将不匹配.然后它将停止匹配不包含空格的值,除非您包含所有排列,并且令人作呕.但是如果你正在处理一个内联样式声明本身根本不可能改变的文档,你应该没问题.

还要注意,这根本不是按DOM中反映的实际指定,计算或使用的值来选择元素.这是不可能的CSS选择器.

Answer 2

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

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