如何为特定ID div及其嵌套子div内的所有h2标签设置CSS样式？

你只需要使用后代选择器，一行代码就能实现需求：

#center h2 {
  text-align: center;
}

原理说明 #

CSS的后代选择器（通过空格分隔选择器）会匹配指定容器下所有层级的目标元素——不管中间嵌套多少层动态生成的div或其他元素，只要h2是#center的后代（直接子元素、孙子元素、更深层级都算），都会应用这个样式。

你之前写的多层>选择器是直接子元素选择器，仅会匹配父元素的直接子级h2，这才导致需要重复编写多层规则。而使用后代选择器完全不需要考虑嵌套深度，完美适配动态生成内层容器的场景。

效果验证 #

对应你的HTML结构，这个选择器会同时匹配：

• #center下的直接子元素h2
• #secondDiv内的h2
• #thirdDiv内的h2

所有这些h2都会统一应用text-align: center样式。

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