代码之家  ›  专栏  ›  技术社区  ›  Tarik Druskic

内联CSS是否继承?

  •  0
  • Tarik Druskic  · 技术社区  · 6 年前

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

    这是我网站上的一些代码的一个例子。颜色为深绿色,它通常显示在我的PC和Android手机上。但是,当在iPhone或iMac上查看时,文本在 <p> 标记显示为白色。我在样式表中没有针对 <p> 或a <span> . 样式表中的所有CSS都有一个额外的类或id。

    我已经删除了 <跨度(>); 包装的标记 <p> 一个,但我没有办法测试它,因为我自己没有任何苹果设备。

    所以,问题是,如果元素没有任何类或ID覆盖它们,它们会继承内联CSS吗?

    2 回复  |  直到 6 年前
        1
  •  1
  •   Johannes    6 年前

    反过来做( span 在…内 p ),这是有效的HTML,将否决 p :

    <p><span style="color: #21584b;">Text</span></p>
    
        2
  •  1
  •   Quentin    6 年前

    对如果属性的值为 inherit 然后,它将复制父元素中的值,而不管它是如何应用于父元素的。


    也就是说,a <p> 可能不会 是的子元素 <span> 要素您遇到的差异可能是由于不同的浏览器以不同的方式从无效的HTML中恢复。