css的权重大小关系有谁知道的吗?
css3吧
全部回复
仅看楼主
level 1
求解答一下
2021年04月23日 06点04分 1
level 1
你说的是id,class这些的权重关系吗?
2021年04月25日 07点04分 2
嗯,是的
2021年04月26日 07点04分
回复 余宇郁郁wWv :这很容易,网上随便看看就懂了
2021年04月27日 04点04分
level 12

2021年04月27日 09点04分 3
level 3
i c e法则,可以看看css图解这本书
2021年04月27日 14点04分 4
level 8
4 个等级的定义如下:
第一等:代表内联样式,如: style="",权值为1000。
第二等:代表ID选择器,如:#content,权值为100。
第三等:代表类,伪类和属性选择器,如 .content,权值为10。
第四等:代表元素和伪元素选择器,如 h2、:before 与 :after,权值为1。
权重值
从 0 开始,一个行内样式 +1000,一个 ID +100,一个属性选择器/class/伪类 +10,一个元素名/伪元素 +1。
等级 例子 权重值
行内样式 style 1000
ID #nav 100
属性选择器/class/伪类 :hover 10
元素名/伪元素 ::after 1
2021年05月10日 06点05分 5
level 8
第一等:内联样式,如:style="color:red;",权值为1000.(该方法会造成css难以管理,所以不推荐使用)
第二等:ID选择器,如:#header,权值为0100.
第三等:类、伪类、属性选择器如:.bar, 权值为0010.
第四等:标签、伪元素选择器,如:div ::first-line 权值为0001.
最后把这些值加起来,再就是当前元素的权重了。
其他:
无条件优先的属性只需要在属性后面使用!important。它会覆盖页面内任何位置定义的元素样式。(ie6支持上有些bug)。
通配符,子选择器,相邻选择器等。如*,>,+, 权值为0000.
继承的样式没有权值。
2021年05月10日 06点05分 6
感谢大佬的分享 ,受教了
2021年05月11日 05点05分
1