css - 如何使用 CSS 为具有特定于另一个标签的内容的标签设置样式？

Question

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

例如我有这个：

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

我只想用红色显示“第二段”，因为这个<p>标签包含一个<span>标签。

（仅使用 CSS，不要更改 HTML。）

Answer 1

你现在不能使用纯 CSS：它可能是 CSS4 的未来规范（参考）。

但是，您可以为此使用jQuery及其:has选择器：

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

CSS看起来像：

.red{
    color:red;
}

看到这个小小提琴