前端之家收集整理的这篇文章主要介绍了
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),则会这样做。你通常没有能力改变向你呈现的标记,你也通常不喜欢应用样式。
原文链接:https://www.f2er.com/css/222784.html