python全栈笔记-前端2.04_选择器的优先级

原创于 2018-09-08 16:11:24 发布 · 157 阅读

0 ·

CC 4.0 BY-SA版权

notes 专栏收录该内容

26 篇文章

订阅专栏

本文深入探讨了CSS中ID选择器、类选择器及标签选择器的优先级概念，通过一个具体的HTML实例展示了不同选择器如何影响元素的样式表现。理解这些规则对于精确控制网页布局至关重要。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>优先级</title>
    <style type="text/css">

        #div1{
            background-color: #2E2FCC;
        }

        .box{
            background-color: #00CC3C;
        }

        div{
            width: 200px;
            height:200px;
            background-color: red;
        }






    </style>
</head>
<body>

    <!--优先级 id > 类 > 标签 -->

    <div id="div1" class="box">哈哈</div>



</body>
</html>