如何使用CSS为具有特定于另一个标记的内容的标记设置样式?

时间:2013-03-20 16:07:59

标签: css css-selectors

如何使用CSS为具有特定于另一个标记的内容的标记设置样式?

例如我有这个:

<p>paragraph one</p>
<p>paragraph <span>two</span></p>
<p>paragraph three</p>

我只想用红色显示“第2段”,因为此<p>标记包含<span>标记。

(仅使用CSS而不更改HTML。)

1 个答案:

答案 0 :(得分:1)

目前你不能使用纯CSS:它可能是CSS4的未来规范(reference)。

但是,您可以使用jQuery及其:has selector

$('p:has(span)').addClass('red');

用css看起来像:

.red{
    color:red;
}

看到这个微小的fiddle