Html 具有内联样式的元素中的元素的CSS选择器？

是否有CSS选择器以内联样式的元素为目标？那么，我可以只针对第一个跨度而不是第二个跨度使用CSS吗

如果没有，可以用jQuery来完成吗

目标


非目标

​

使用：

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

---

然而，这很难看。

茶话会有点晚了，但我想我会分享我发现和使用的解决方案

@如果你能精确匹配style属性，simone的答案是完美的。但是，如果需要针对可能与其他内联样式关联的内联样式属性，则可以使用：

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

“*=”表示“在属性中的任意位置匹配以下值” 价值观。”

有关其他选择器的更多参考或详细信息，请参阅css-tricks.com上的这篇博文：

CSS选择器上的Skinny

---

如果要将样式应用于特定规则声明，也可以使用样式*。这将匹配具有内联样式的所有元素，而不考虑应用的值

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

---

视情况而定。您是只对内联样式属性的存在感兴趣，还是需要按特定的内联样式进行选择？仅通过具有属性进行选择是简单可靠的，但具有特定的内联样式。。。除非您可以控制标记，否则不会有太多。如果

样式

字符串不完全匹配，则会失败。另外还有一个用于David的注释。如果段落有任何其他与之相关的样式，那么你必须将其包含在CSS声明中。我曾经遇到过IE忽略此类规则的情况。请查看IE中的开发者工具，有时IE会将样式（如十六进制颜色值）转换为RGB值。您还需要匹配这些更改。

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

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