栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

为什么显示:inline-block; 从子元素中删除下划线?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

为什么显示:inline-block; 从子元素中删除下划线?

在某些情况下,文本修饰从元素传播到某些后代。该规范描述了所有在此发生,不会发生(以及情况的行为被明确未定义)的情况下。在此,以下部分是相关的:

请注意,文本修饰不会传播到浮动和绝对定位的后代,也不会传播到原子内联级别后代(例如内联块和内联表)的内容。

请注意,这种传播与继承不同,完全是一个单独的概念。确实,

text-decoration: none
并且
text-decoration:inherit
不会以您期望的方式影响传播:

  • text-decoration: none
    只是表示“此元素本身没有文字修饰”,并且
  • text-decoration: inherit
    表示“此元素与
    text-decoration
    其父元素具有相同的指定值”。

在两种情况下,父文本修饰仍将在适用时传播到元素。您可以使用强制内联块对其父代进行相同的文本修饰

inherit
,但 不能
强制父代通过从其祖先传播而获得的其他修饰。

这也意味着简单地拥有

display: inline-block
足以防止文本装饰传播。您无需
text-decoration: none
再次指定-
它已经是初始值。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/575884.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号