内联样式属性的CSS选择器

Question

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

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

像

div[cssAttribute=cssValue] 

Answer 1

内联style属性是其他任何HTML属性没有什么不同，并且可以与子属性选择匹配：

div[style*="display:block"] 

正是因为这个很原因不过它是非常脆弱。由于属性选择器不支持正则表达式，因此只能执行精确属性值的子字符串匹配。举例来说，如果你在属性值的某处空间，就像这样：

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

它不会匹配，直到你改变你的选择，以适应空间。然后它会停止匹配值不包含包含空格，除非包含所有排列，广告nauseum。但是，如果您正在处理内联样式声明本身不太可能改变的文档，那么您应该没问题。

还要注意，这是而不是根据DOM中反映的实际指定值，计算值或使用值选择元素。 那是不可能与CSS选择器。