CSS：为具有特定跨度的特定段落设置样式

Question

  

可能重复：
  Is there a CSS parent selector?

我正在尝试使用“long-sentence”类来设置一个段落，其中包含一个带有“background-fill”类的span。样式的目标必须是段落而不是跨度。

因此，此解决方案不适合，因为它针对的是跨度：

p.long-sentence span[class="background-fill"]

这个选择器看起来很完美，但是它的目标是“background-fill”属性而不是类：

p.long-sentence[span="background-fill"]

可以吗？或者这对于具有多个变量的选择器来说是否过于严格？

Answer 1

这需要使用CSS选择器4。

  

例如，以下选择器表示列表项LI unique   有序列表OL的孩子：

     

OL > LI:only-child

     

然而，下面的代表有一个有序列表OL   独特的孩子，那个孩子是李：

     

$OL > LI:only-child

     

这两个选择器所代表的结构是相同的，但是   选择者的主题不是。

表格：http://www.w3.org/TR/2011/WD-selectors4-20110929/#subject

但是现在没有浏览器支持CSS选择器4。所以你需要使用JavaScript。

jQuery的：

$("p.long-sentence:has(span.background-fill)").addClass("otherClass");