是否有一个CSS选择器的目标与内嵌风格的元素? 所以,我可以定位第一跨度而不是仅适用于CSS 2号?
如果没有,可以在此使用jQuery做什么?
http://jsfiddle.net/TYCNE/
<p style="text-align: center;">
<span>target</span>
</p>
<p>
<span>not target</span>
</p>
是否有一个CSS选择器的目标与内嵌风格的元素? 所以,我可以定位第一跨度而不是仅适用于CSS 2号?
如果没有,可以在此使用jQuery做什么?
http://jsfiddle.net/TYCNE/
<p style="text-align: center;">
<span>target</span>
</p>
<p>
<span>not target</span>
</p>
p[style="text-align: center;"] {
color: red;
}
然而,这是丑陋的。
有点晚了茶话会,但想到我会分享我找到了解决办法和使用。
@ Simone的答案是完美的,如果你能完全匹配的样式属性。 但是,如果你需要的目标,可能有它,你可以使用相关的其他内嵌样式内嵌样式属性:
p[style*="text-align:center;"]
“* =”是指“在属性值之间是否匹配的下面的值。”
更多参考或其他选择的更多详细信息请参见css-tricks.com这篇博客文章:
窄身在CSS选择
http://css-tricks.com/attribute-selectors/#rel-anywhere
如果您想将样式应用于特定规则的声明,您还可以使用样式*。 这将匹配具有内嵌样式的所有元素,无论价值的应用。
div[style*="background-image"] {
background-size: cover;
background-repeat: no-repeat;
}
使用 :
p[style] span {
color: red;
}