CSS权重值计算和选择器优先级 我会带着你远行 2023-06-09 12:30 1阅读 0赞 一、权重的值计算以及选择器权重值大小 1、!important放在样式的最后面是最优先的,权重值是10000; 2、内联样式权重值1000,优先级仅次于!important,一般都是在标签内部书写,如:‘<div style="color:red;"></div>’ 3、id选择器权重值是100,如:\#first; 4、类选择器、伪类选择器、属性选择器的权重值是10,例如:.Two,:hover,input\[type="button"\]; 5、标签选择器和伪元素选择器权重值伪1,例如:p,div,:before; 6、通用选择器(\*)、子选择器(>)、相邻选择器(+)、同胞选择器(~)、权重值为0,CSS3的子代选择器nth-child()也是0; 而且css当标签的选择器比较多的是候,权重值就是所有的权重值相加的和; 如: .center{ width: 300px; height: 300px; background: blue!important; } 该标签的权重就是10+10000=10010;
还没有评论,来说两句吧...