问答详情
源自:9-3 权值计算-特殊性

修改了一下

修改一下 

    1).重要性: !impoert>普通样式(选择器之类的)>浏览器默认样式

    2).特殊性(权重):

    选择器优先级(权重)  内嵌样式 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 通配符 >继承 

   CSS样式选择器分为4个等级,a、b、c、d,可以以这四种等级为依据确定CSS选择器的优先级。

    1.a(千位)=内联样式,千位记作1

    2.b(百位)=id选择器数量,百位记作1

    3.c(十位)=Class类选择器、属性选择器、(当选择器里加啦伪类)伪类的数量。十位记作1

    4.d(个位)=元素选择器、(当选择器里加啦伪元素)伪元素的数量,个位记作1

    权重比:通过选择器计算出4位数(a,b,c,d)  a>b>c>d  逢256进1,不是逢10进1,是国外的工程师用测试的

    比如9+1=10(0,10,0,0)而不是1,0,0,0 只有255+1才进1,不过现在的浏览器去权重肯定不止是256进制,

    可能更高

    选择器

        Style= ””                                1,0,0,0      

        #wrapper #content {}                0,2,0,0       

        #content .datePosted {}             0,1,1,0

        

    3)比较源次序:权重相同,后者书写样式覆盖前者书写样式.


提问者:qq_迷途的羊_0 2020-03-15 11:55

个回答