html - 内联CSS是否继承？

Question

<span style="color: #21584b;"><p>Text</p></span>

这是我网站中的一些代码示例。颜色为深绿色，在我的 PC 和 Android 手机上显示正常。但是，当在 iPhone 或 iMac 上查看时，文本位于 <p> 内。标签显示为白色。我在样式表中没有任何 CSS 仅针对 <p>或 <span> .样式表中的所有 CSS 都有一个额外的类或一个 ID。

我删除了 <span>包装 <p> 的标签一个，但我无法测试它，因为我自己没有任何 Apple 设备。

所以，问题是，如果元素没有任何类或 id 覆盖它们，它们是否会继承内联 CSS，就像我在此处放置的那样？

Answer 1

反过来做(span inside p)，这是有效的 HTML，并且会否决 p 的所有先前属性:

<p><span style="color: #21584b;">Text</span></p>