如何使用CSS为具有特定于另一个标记的内容的标记设置样式?
例如我有这个:
<p>paragraph one</p>
<p>paragraph <span>two</span></p>
<p>paragraph three</p>
我只想用红色显示“第2段”,因为此<p>
标记包含<span>
标记。
(仅使用CSS而不更改HTML。)
答案 0 :(得分:1)
目前你不能使用纯CSS:它可能是CSS4的未来规范(reference)。
但是,您可以使用jQuery及其:has
selector:
$('p:has(span)').addClass('red');
用css看起来像:
.red{
color:red;
}
看到这个微小的fiddle