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

标签 css css-selectors

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

例如我有这个:

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

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

(只使用 CSS,不要更改 HTML。)

最佳答案

您现在不能使用纯 CSS:它可能是 CSS4 的 future 规范 (reference)。

但是,您可以使用 jQuery为此,它的 :has selector :

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

css 看起来像:

.red{
    color:red;
}

看到这个微小的 fiddle

关于css - 如何使用 CSS 为具有特定于另一个标签内容的标签设置样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15528838/

相关文章:

android - 仅在 android 上显示的 div

html - 使用多个 :not pseudo class 在 CSS 选择器中排除多个 div

css - 为什么CSS选择器是:parent not working?

jquery - css 选择器不是最后一个子元素不工作(需要纯 css 解决方案)

html - 表格和 div 图像 CSS 问题

javascript - 球没有掉进盒子里

javascript - 使用延迟加载禁用图像的默认灯箱

javascript - 如何通过点击按钮实现背景图片位置变化的幻灯片效果

css - 选择基于 "class"声明的存在

css - 是否有 CSS 父级选择器?