层疊性指的是:权重相同的情况下,后写的覆盖前面的样式
由此可见,层叠性和选择器的权重有很大关系今天就着重说一下选择器的权偅
基础选择器:id选择器,类选择器标签选择器,通配符选择器;
复合选择器:后代选择器并交集选择器和并集选择器,指定标签(交集)选择器;
复合选择器权重就需要计算了这里讲两种计算方法
3.类,伪类和属性选择器如.content,权值为10
将基本選择器的权重相加之和,就是权重大小值越大,权重越高
那么后面的样式就会被前面的样式层叠掉,那么最终a的颜色是red
二、4个0计算方式 (0,0,0,0)分别对应(行内式个数,id选择器个数,类选择器个数,标签选择器个数)
两个选择器通过对比4个数的大小确定权重关系
先比较第一个数,两個都是0所以对比第二个数,因为第一个选择器第二个数是1而后一个选择器权重是0所以前面的选择器权重大。
1.无论哪种计算方式10个标簽选择器权重等于1个类选择器,10个类选择器 权重等于1个id选择器这种想法都是不对的听说255个可以,我没试过有兴趣可以自己
3.继承获取的樣式权重永远最低
加载中,请稍候......
交交集选择器和并集选择器:获取的是同级中的某一个p.roe{ }两个选择器之间没有空格
后代选择器:获取的是父级下的所有子孙 .rod p{ } 两个选择器之间有一个空格