postion absolute 对text-decoration 继承的影响

最新推荐文章于 2024-03-20 15:16:51 发布

ISaiSai

最新推荐文章于 2024-03-20 15:16:51 发布

阅读量722

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/ISaiSai/article/details/45693011

版权

CSS 专栏收录该内容

94 篇文章 1 订阅

订阅专栏

当一个子元素absolute 以后，无法继承父元素的 text-decoration 样式，（color 等其它样式是可以正常继承的）

另外：子元素float 以后也会有相同的效果

特例：ie6，ie7 不存在以上问题

找到的网上的解释：

 
 在非行内元素上设置 'text-decoration' 特性，会影响其内正常流中的行内子元素和块级子元素， 但不影响其内浮动和绝对定位子元素，以及 'display' 特性值为 'inline-table' 和 'inline-block' 子元素；

参考文档:http://w3help.org/zh-cn/causes/RT3002

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<style>
    .bbb {
        color: gray;
        text-decoration: underline;
        display: block;
    }

    .question {
        float: left;
    }
</style>
<div class="bbb" >
    <div class="noraml">
        正常元素
    </div>
    <div class="question">
        absolute以后的元素
    </div>
</div>
</body>
</html>

ISaiSai

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
postion absolute 对text-decoration 继承的影响

当一个子元素absolute 以后，无法继承父元素的 text-decoration 样式，原因不明（color 等其它样式是可以正常继承的）html>html>head> meta charset="UTF-8"> title>title>head>body>style> .bbb { color: gray; tex
复制链接

扫一扫

专栏目录