css样式匹配的优先级
阅读数:63 评论数:0
跳转到新版页面分类
html/css/js
正文
一、概述
css层叠规则按：优先级-》特殊性-》原次序依次进行判断。
二、优先级
1、作者样式表 !important
2、默认样式表 !important
3、作者样式表
4、默认样式表
三、特殊性 （四无组）
1、第一位，内联样式为1，非内联为0
2、第二位，选择器中出现的ID属性值数量
3、第三位，选择器中出现的属性选择及伪类的数量
4、第四位，选择器中出现的伪元素数量
四、原次序
按出现顺序对应用到给定元素的所有声明进行排序，
即后定义的样式会覆盖前面定义的样式。
当然最后还要强调一点：如果没有设置样式的，则自动继承父级节点的样式。
相关推荐
一、概述
overflow属性用于当一个元素太大而无法适应父级窗口的大小时行为。具体又可以分为：
overflow-x 属性规定是否对内容的左/右边缘进行裁剪 - 如果溢出元素内容区域的话。
over
一、概述
background是css简写属性，可有一个或多个值，且可以按任意顺序放置：
background:
<bg-color>
<bg-image>
<position/bg-size>
Less是一个CSS的超集，Less允许我们定义变量，使用嵌套式声明，定义函数等。严格说Less包含两部分：（1）Less的语法 （2）Less预处理器。浏览器终究只认识CSS，所以Less文件
一、概述
CSS3中新增的一个函数，calculate（计算）的缩写。用于动态计算宽/高，你可以使用calc()给元素的各个属性设置值【margin、border、padding、font-size】