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

浏览数：232 / 时间：2015年06月09日

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>

　　CSS效果：

技术分享

2. CSS的层叠特性

　　CSS的层叠特性可以简单的理解为“冲突”的解决方案。

　　CSS优先级规则：行内样式 > ID样式 > 类别样式 > 标记样式。

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style src com log html http it la class style src com log html http it la

相关文章

随机文章

您可能还喜欢

您可能还喜欢