demo56-CSS權重

時間 2020-03-29

標籤 demo56 demo css 權重欄目 CSS 简体版

原文原文鏈接

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            
            h1{
                color: blue;
            }
            #1{
                color: red;
            }
        </style>
    </head>
    <body>
        <!--<h1 style="color: green;">河馬神仙</h1>-->
        <!--<h1 class="red">哈哈哈</h1>-->
        <div>
            <h1>哈哈哈</h1>
        </div>
    </body>
</html>
<!--
    css權重:weight   n. 重量，重力；負擔；砝碼；重要性
    表示優先級
    規則:
    1.若是選擇器(選擇器就是標籤,只是叫法不一樣而已)相同,就近原則.(就是哪一個離得近,就是哪一個生效)
    2.一個是類選擇器,一個是標籤選擇器,類的優先級高
    3.一個是id選擇器,一個是類選擇器,id的優先級高
    4.一個是標籤選擇器,一個是後代選擇器,後代的優先級高
    
    權重順序:內聯樣式選擇器>id選擇器>類選擇器>標籤選擇器
    標籤選擇器是最低的1,類選擇器10,id選擇器100,行內選擇器1000.
-->

演示效果:css

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。