inline CSS 是否继承？
Is inline CSS inherited?
<span style="color: #21584b;"><p>Text</p></span>
这是我网站中的一些代码示例。颜色是深绿色，在我的 PC 和 Android phone 上都能正常显示。但是，当在 iPhone 或 iMac 上查看时，<p> 标签内的文本显示为白色。我在仅针对 <p> 或 <span> 的样式表中没有任何 CSS。样式表中的所有 CSS 都有一个额外的 class 或一个 id。
我已经删除了包裹 <p> 标签的 <span> 标签，但我无法对其进行测试，因为我自己没有任何 Apple 设备。
所以，问题是，如果元素没有任何 classes 或 id 覆盖它们，它们是否会继承内联 CSS，就像我在此处放置的那样？
是的。如果 属性 的值为 inherit 那么它将从父元素复制值，而不管它是如何应用于父元素的。
也就是说，<p> 可能 不是 <span> 元素的子元素。您遇到的差异可能是由于不同的浏览器以不同的方式从您的无效 HTML 中恢复。
反其道而行之（span inside p），这是有效的 HTML 并且会否决 p:
的所有先前属性
<p><span style="color: #21584b;">Text</span></p>
<span style="color: #21584b;"><p>Text</p></span>
这是我网站中的一些代码示例。颜色是深绿色，在我的 PC 和 Android phone 上都能正常显示。但是，当在 iPhone 或 iMac 上查看时，<p> 标签内的文本显示为白色。我在仅针对 <p> 或 <span> 的样式表中没有任何 CSS。样式表中的所有 CSS 都有一个额外的 class 或一个 id。
我已经删除了包裹 <p> 标签的 <span> 标签，但我无法对其进行测试，因为我自己没有任何 Apple 设备。
所以，问题是，如果元素没有任何 classes 或 id 覆盖它们，它们是否会继承内联 CSS，就像我在此处放置的那样？
是的。如果 属性 的值为 inherit 那么它将从父元素复制值，而不管它是如何应用于父元素的。
也就是说，<p> 可能 不是 <span> 元素的子元素。您遇到的差异可能是由于不同的浏览器以不同的方式从您的无效 HTML 中恢复。
反其道而行之（span inside p），这是有效的 HTML 并且会否决 p:
<p><span style="color: #21584b;">Text</span></p>