如何用CSS为仅含单个strong标签且无其他文本的p元素添加上边距

要精准选中仅包含单个<strong>标签且无其他非空白文本的段落，可以使用以下CSS规则：

p:has(strong:only-child):not(:has(text():not(:blank))) {
    margin-top: 20px;
}

规则说明 #

• p:has(strong:only-child)：先筛选出子元素仅包含单个<strong>的段落（此处的"子元素"指元素节点，空白文本节点不会触发匹配）
• :not(:has(text():not(:blank)))：进一步排除包含非空白文本节点的段落，确保目标段落里只有<strong>标签，没有其他实际文本内容

这样就能避免误选中那些段落内既有<strong>又有普通文本的情况，只给真正用作标题的加粗段落添加上边距。

内容的提问来源于stack exchange，提问作者Chaoscontrol