小编典典

CSS选择器的内联样式属性

html

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

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

就像是

div[cssAttribute=cssValue]

阅读 681

收藏
2020-05-10

共1个答案

小编典典

内联style属性与任何其他HTML属性没有什么不同,并且可以与子字符串属性选择器匹配:

div[style*="display:block"]

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

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

在您更改选择器以适应空间之前,它不会匹配。然后,它将停止匹配
包含空格的值,除非您包括所有排列,即恶作剧。但是,如果您正在使用的文档中,内联样式声明本身根本不会发生更改,那应该没问题。

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

2020-05-10