demo56-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.
-->

演示效果:

 

posted @ 2020-03-28 22:04  砚台是黑的  阅读(96)  评论(0)  编辑  收藏  举报