【CSS】CSS 的优先级总结

        样式的优先级

        多重样式（Multiple Styles）：如果外部样式、内部样式和内联样式同时应用于同一个元素，就是使多重样式的情况。

        一般情况下，优先级如下：

        （外部样式）External style sheet <（内部样式）Internal style sheet <（内联样式）Inline style

         

        有个例外的情况，就是如果外部样式放在内部样式的后面，则外部样式将覆盖内部样式。

        示例如下：

　　

    <head>
            <style type="text/css">
             /* 内部样式 */
             h3{color:green;}
            </style>

            <!-- 外部样式 style.css -->
            <link rel="stylesheet" type="text/css" href="style.css"/>
            <!-- 设置：h3{color:blue;} -->
   </head>
   <body>
            <h3>测试！</h3>
   </body>

 

选择器的优先权

css选择器的优先权

 

        解释：

        1.  内联样式表的权值最高 1000；

        2.  ID 选择器的权值为 100

        3.  Class 类选择器的权值为 10

        4.  HTML 标签选择器的权值为 1

posted @ 2017-11-30 23:13  李文和  阅读(225)  评论(0)  编辑  收藏  举报