CSS选择器与内嵌样式元素内?(CSS selector for element within el

2019-08-05 11:26发布

是否有一个CSS选择器的目标与内嵌风格的元素? 所以,我可以定位第一跨度而不是仅适用于CSS 2号?

如果没有,可以在此使用jQuery做什么?

http://jsfiddle.net/TYCNE/

<p style="text-align: center;">
    <span>target</span>
</p>

<p>
    <span>not target</span>
</p>
​

Answer 1:

p[style="text-align: center;"] {
  color: red;
}

然而,这是丑陋的。



Answer 2:

有点晚了茶话会,但想到我会分享我找到了解决办法和使用。

@ Simone的答案是完美的,如果你能完全匹配的样式属性。 但是,如果你需要的目标,可能有它,你可以使用相关的其他内嵌样式内嵌样式属性:

p[style*="text-align:center;"]

“* =”是指“在属性值之间是否匹配的下面的值。”

更多参考或其他选择的更多详细信息请参见css-tricks.com这篇博客文章:

窄身在CSS选择

http://css-tricks.com/attribute-selectors/#rel-anywhere



Answer 3:

如果您想将样式应用于特定规则的声明,您还可以使用样式*。 这将匹配具有内嵌样式的所有元素,无论价值的应用。

div[style*="background-image"] {
  background-size: cover;
  background-repeat: no-repeat;
}


Answer 4:

使用 :

​p[style] span {
  color: red;   
}​


文章来源: CSS selector for element within element with inline style?