css权重问题例子详解

2021-07-11 04:04

阅读:607

标签:ace   标签   style   级别   html   属性   margin   div   字体   

首先,id选择器权重级别最高,class选择器其次,html选择器最后。 例子:

嘿嘿嘿

选中span标签

当选中span标签,也可能权重相同,也可能不同,得分下面2种情况。

1.权重相同,谁在后面谁决定。(下面例子嘿嘿嘿的字体颜色为黄色)

2.权重不同,权重大的决定。(下面例子嘿嘿嘿的字体颜色为黄色)

没选中span标签

如果没选中span标签,谁描述得近就谁决定,如果一样近就再比权重,可以分为下面3种情况。

1.描述得近的决定。(下面例子嘿嘿嘿的字体颜色为黄色)

2.描述得一样近,权重不同,权重大的决定。(下面例子嘿嘿嘿的字体颜色为黄色)

3.描述得一样近,权重相同,谁在后面谁决定。(下面例子嘿嘿嘿的字体颜色为红色)

特别的!important

如果在某个属性后面加个!important,那么它权重无限大

下面例子如果不加!important嘿嘿嘿就是红色,加了后就变成黄色了。

css权重问题例子详解

标签:ace   标签   style   级别   html   属性   margin   div   字体   

原文地址:http://www.cnblogs.com/Chenguohong/p/7088160.html


评论


亲,登录后才可以留言!