宜推网络拥有7年的网络营销策划实操经验,可为企业提供网络推广外包,全网整合营销,做网络广告推广找我们靠谱!

宜推网络是企业广告策划的好伙伴

找网站推广公司做广告就找干活靠谱的

提供一站式网络营销外包,全网整合营销服务

150-2159-0351

为企业创造价值,我们懂技术,更懂营销

找网站营销公司合作网络推广就选用心干活的!

您现在的位置:上海网站营销 > 网络营销技巧 > 上海网站建设 >

Css优先级排列

人气: 发表时间:2019-05-24 23:21 内容来源:未知

导读:
css优先级排列: !important 内联(行内样式) ID选择器 类选择器 标签|伪类|属性选择 伪对象 通配符 继承 浏览器默认属性 第一种方法:I-C-E计算公式 I-ID C-Class E-Element 即针对一个css选择[...]
css优先级排列:
!important > 内联(行内样式) > ID选择器 > 类选择器 > 标签|伪类|属性选择 > 伪对象 > 通配符 > 继承 > 浏览器默认属性
 
第一种方法:I-C-E计算公式
I-ID
C-Class
E-Element
即针对一个css选择器表达式,遇到一个id就往特指度数值中加100,遇到一个class就往特指度数值中加10,遇到一个element就往特指度数值中加1
 
第二种方法:

分为四个级别:行内样式、ID选择器、类选择器/伪类/伪元素、元素选择器分别为a,b,c,d
例如:对比是,从左到右1对1对比,当比出大者时即可停止比较
一号:li.red.level{}  a=0 b=0 c=2 d=1  (0,0,2,1)
二号:h1+*[rel=up]{}  a=0 b=0 c=1 d=1  (0,0,1,1)
三号:ul ol li.red{}  a=0 b=0 c=1 d=3  (0,0,1,3)
四号:#banner{}       a=0 b=1 c=0 d=0  (0,1,0,0)
五号:Style=””      a=1 b=0 c=0 d=0  (1,0,0,0)
五号的a最大,四号的b最大,一号的c最大,三号的d最大
所以优先级 五号 > 四号 > 一号 > 三号 > 二号