如何强制父标签内所有子标签继承父标签的样式？

没问题！咱们一步步来搞定这个需求：

问题根源 #

你当前的代码里，<span>、<p> 和内层 <div> 都加了内联样式（inline style），而内联样式的优先级远高于继承来的父元素样式，所以这些子元素的文本会用自己设置的颜色，而不是父元素的绿色。另外你的原始HTML还有语法错误——所有style属性的双引号都没闭合，这也会导致样式解析异常。

具体修复步骤 #

• 第一步：移除所有子元素的style="color:xxx"属性，这样它们就会自动继承父<div>的颜色样式
• 第二步：修复父元素和所有标签的语法错误，确保style属性的双引号正确闭合

修改后的完整代码 #

<div style="color: green"> 
  <span>Some text</span> 
  <p>Some text</p> 
  <div>Some text</div> 
</div>

额外说明 #

如果你因为某些原因不能完全移除子元素的样式，也可以用inherit关键字强制子元素继承父元素的颜色，比如这样写：

<div style="color: green"> 
  <span style="color: inherit">Some text</span> 
  <p style="color: inherit">Some text</p> 
  <div style="color: inherit">Some text</div> 
</div>

不过第一种方法更简洁，推荐优先使用~

内容的提问来源于stack exchange，提问作者Nguyễn VŨ