独生子女的 CSS 选择器，包括文本

Posted 2023-03-06

【中文标题】独生子女的 CSS 选择器，包括文本

【英文标题】：CSS selector for only child, including text

【发布时间】：2020-07-03 10:52:34

【问题描述】：

我需要选择<b> 标签，但前提是这是<p> 内的唯一内容。例如，在<p><b>hello</b></p> 中选择 b，但在 <p><b>hello</b> world</p> 中不选择。这可能吗？ :only-child 不这样做。

【问题讨论】：

为了做什么？

AFAIK，CSS 选择器对文本节点一无所知，所以我认为没有 JS 是不可能的 :(

正如@AgusZubiaga 所说，仅使用 CSS 是不可能的。为什么这是必要的？您能否将 spans 用于文本节点？

【参考方案1】：

您可以简单地为您想要更改的所有标签找到一个公共类并将其插入元素中 ()。然后，您可以在 CSS 中根据自己的意愿编辑类。