CSS系列：CSS的继承与层叠特性

最新推荐文章于 2020-09-17 11:08:56 发布

weixin_33991727

最新推荐文章于 2020-09-17 11:08:56 发布

阅读量86

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/libingql/p/4185254.html

本文深入探讨了CSS的继承特性，解释了如何通过继承实现样式传递，并展示了层叠特性的解决方式，通过实例演示了CSS应用效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. CSS的继承特性

　　所有的CSS语句都是基于各个标记直接的继承关系，CSS继承是指子标记会继承父标记的所有样式风格，并可以再父标记样式风格的基础上再加以修改，产生新的样式，而子标记的样式完全不会影响父标记。

　　CSS的继承贯穿整个CSS设计的始终，每个标记都遵循着CSS继承的概念。

　　示例：

<!DOCTYPE html>

<html>
<head>
    <title></title>
    <style type="text/css">
        h1 {
            color: blue;
            text-decoration: underline;
        }

        em {
            color: red;
        }
    </style>
</head>
<body>
    <h1>CSS继承<em>特性</em></h1>
</body>
</html>