css选择器的优先级

yCodeM

于 2019-02-21 20:55:21 发布

阅读量260

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/qq_38594777/article/details/87868157

版权

css 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

选择器的优先级

行类选择器 > id选择器 > 类选择器 > 标签选择器

权值 1000 > 100 > 10 > 1

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>选择器的优先级</title>
        <style type="text/css">
            .nav {
                    color : red;
                }
            #nav {
                    color : yellow;
                }
            div {
                    color : pink;
                }
        </style>
    </head>
    <body>
        <div class="nav" id="nav" style="color : blue">这是nav</div>
    </body>
</html>