css权重问题例子详解

2021-07-11 04:04

阅读：608

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

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


    
        
            嘿嘿嘿

选中span标签

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

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

2.权重不同，权重大的决定。（下面例子嘿嘿嘿的字体颜色为黄色）

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

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

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

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

如果在某个属性后面加个！important，那么它权重无限大。

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

css权重问题例子详解

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

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

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：css权重问题例子详解
文章链接：http://soscw.com/essay/103533.html

亲，登录后才可以留言！