19.权重问题


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>21-权重问题</title>
    <style>
        .c2{
            color:blue;
        }
        .c1>li>.c2{
            color:red;
        }



    </style>
</head>
<body>
<!--
当组合选择器都是直接选中时
计算权重的方法
先比较id数,id数最高的,则优先级最高
如果id数相同,再比较类名数,最后再比较标签数,
如果三个条件都比较了,那么谁排在最后面就是谁!


-->
<ul class="c1">
    <li>
        <p class="c2">我是段落</p>
    </li>
</ul>

</body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容