CSS三大特性之层叠性

最新推荐文章于 2024-08-21 15:03:08 发布

shwanglp

最新推荐文章于 2024-08-21 15:03:08 发布

阅读量1.4k

点赞数

分类专栏： CSS HTML5

本文链接：https://blog.csdn.net/shwanglp/article/details/53443494

版权

HTML5 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

CSS

10 篇文章 0 订阅

订阅专栏

CSS的三大特性之层叠性

概念：此特性是浏览器处理冲突的一个特性，如果一个属性沱工多个选择器设置到容一个元素上面，那么这个时候就会只有一个选择器起作用，而其他的选择器都将被层叠的部分去掉，这里需要考虑优先级相同和不同的两种特性：本次实例不考虑优先级别。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>inherited</title>
    <style>
       body{
           color: red;
       }
        div{
            color: green;
        }
        h1{
            color: purple;
        }
        p{
            color: blue;
        }
    </style>
</head>
<body>
    <div>
        <h1>这个是标题</h1>
        <p>香皂</p>
    </div>
</body>
</html>

调试结果