CSS权重的进制问题

最新推荐文章于 2022-07-02 16:23:06 发布

weixin_30873847

最新推荐文章于 2022-07-02 16:23:06 发布

阅读量181

点赞数

原文链接：http://www.cnblogs.com/suihang/p/11171204.html

版权

这是复习篇的第一个知识点，（CSS权重进制为256）在说这个知识点之前我们先来看一个例子

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
     div div div div div div div div div div div div p{
        color: blue;
        }
     .aa{
        color: red
     }
    </style>
</head>
<body>
    <div>
        <div>
            <div>
                <div>
                    <div>
                        <div>
                            <div>
                                <div>
                                    <div>
                                        <div>
                                            <div>
                                                <div>
                                                    <p class="aa">颜色</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
       
</body>
</html>

这个大家猜一下是什么颜色，可能有的老铁会觉得蓝色啊，后代选择符的权重不是各个选择符的和吗，class选择符权重为0010，而类型选择符权重为0001,12层加起来肯定比0010大，

但是实际上，字体为红色,这里有一个很关键的问题，就是权重的进制是256进制，就是说这个例子里你要嵌套256层div字体才会变成蓝色，这就比较臃肿了，实际工作中也没有哪个铁头娃会这木做吧？要是有，那他可真是个魔鬼。

转载于:https://www.cnblogs.com/suihang/p/11171204.html

weixin_30873847

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS权重的进制问题

这是复习篇的第一个知识点，（CSS权重进制为256）在说这个知识点之前我们先来看一个例子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,...
复制链接

扫一扫