如何对标签内所有内容生效但排除指定子标签（H1排除STRONG）

你的需求是给h1内所有内容设置黄色背景，但保留strong标签的 aqua背景，之前的选择器逻辑有误，原因如下：

• div h1:not(> strong)：该选择器用于选择没有直接子元素strong的h1，但你的h1内确实包含strong，因此不会匹配目标h1
• div h1:not(:first-child)：该选择器用于选择不是父元素第一个子元素的h1，而你的h1是div的第一个子元素，同样无法匹配

正确的思路是反转样式优先级：先给h1整体设置目标样式，再给strong标签覆盖回原样式，代码如下：

h1 {
  background-color: yellow;
}

h1 strong {
  background-color: aqua;
}

对应的HTML结构保持不变：

<div>
  <h1>
    <strong>STRONG Line #1, Intended to stay the same aqua</strong><br> Line #2, Intended to be Yellow.
  </h1>
</div>
<span>Line #3, not in the div at all.</span>

原理：CSS中子元素的样式会覆盖父元素的继承样式，先给h1设置黄色背景，再让strong标签的背景变回 aqua，即可实现h1内普通文本为黄色、strong内容保留 aqua的效果。

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