CSS选择器的样式属性

前端之家收集整理的这篇文章主要介绍了CSS选择器的样式属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有一个CSS选择器(这意味着不是jQuery)通过样式表上的样式属性值来选择这个元素?
<div style='display:block'>...</div>

就像是

div[cssAttribute=cssValue]

解决方法

不可能使用CSS通过CSS规则(声明的样式,计算的样式,所有其他复杂的东西…)来选择元素。

您可以得到的最接近的是检查内联样式属性与子串属性选择器…

div[style*="display:block"]

因为你可以预期它是非常脆弱。由于CSS不支持属性选择器中的正则表达式,因此只能选择属性值的完全匹配。例如,如果你有一个空间在某个地方,像这样:

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

除非您更改选择器以包含空格,否则它不匹配。

但是,如果您通过内联样式属性在HTML DOM中查询元素以用于测试或调试目的(请参见Selenium),则会这样做。你通常没有能力改变向你呈现的标记,你也通常不喜欢应用样式。

猜你在找的CSS相关文章