0
点赞
收藏
分享

微信扫一扫

CSS样式表特征(包含css优先级计算方式)


1、继承性
            大多数CSS属性是可以被继承的

2、层叠性
            可以为一个元素定义多个样式规则
            多个样式规则中,如果样式声明不重复的话,那么则可以层叠为一个样式规则
3、优先级
            样式定义冲突(重复)时,会按照不同样式的优先级来应用样式
            低:浏览器缺省设置(User Agent)
            中:外部样式表或内部样式表
                就近原则
            高:内联样式

            注意:继承的样式和自定义样式冲突时,永远都是以自定义的为主

优先级计算方式,权值进行累加  ,值越大,优先级越高(比如 #div .div div  权值为100+10+1),如下表:

选择器类别

说明

权值表示

行内样式

行内只有一个 style = ""

1000

id选择器

selector中使用了几个id,即#的个数

100

类选择器

类,伪类,以及属性的个数

如: .outerClass .buttonClass[type="button"]:hover{}

选择器中有2个类,1个属性,1个伪类

10

元素选择器

伪元素和标签元素的个数,如: p:first-child

选择器中有一个标签元素p和一个伪元素first-child

1

4、!important 规则
            显示调整样式属性的优先级
            只要 !important 出现,永远都以!important 的为主
            语法:
                选择器{属性:属性值 !important;}
            注意:尽量少用

举报

相关推荐

0 条评论