CSS优先级算法如何计算

判断优先级时，首先我们会判断一条属性声明是否有权重，也就是是否在声明后面加上了!important。一条声明如果加上权重，那么他的优先级就是最高的，前提是它之后不再出现相同权重的声明。如果权重相同，我们则需要去比较匹配规则的特殊性。
一条匹配规则一般由多个选择器组成，一条规则的特殊性由组成它的选择器的特殊性累加而成。选择器的特殊性可以分为四个等级，第一个等级是行内样式，为1 0 0 0,第二个等级是id选择器，为0 1 0 0 ，第三个等级是类选择器，伪类选择器，属性选择器为：0 0 1 0，第四个等级是元素选择器和伪元素选择器：0 0 0 1。规则中每出现一个选择器，就将他的特殊性进行累加，这个累加只限于对应等级的累加，不会产生进位。选择器特殊性值的比较是从左向右排序的，也就是说以1开头的特殊性比所有0开头的特殊性值要大。
比如说特殊性值为1000的规则优先级就要比特殊性值为0999的规则高。如果两个规则的特殊性值相等的时候，那么就会根据他们引用的顺序，后出现的规则的优先级最高。

CSS优先级算法如何计算相关推荐

CSS 优先级算法如何计算？
相关知识点: CSS的优先级是根据样式声明的特殊性值来判断的. 选择器的特殊性值分为四个等级,如下: (1)标签内选择符x,0,0,0 (2)ID选择符0,x,0,0 (3)class选择符/属性选择 ...
CSS优先级算法是如何计算？
CSS的specificity特性或非凡性,它是一个衡量css优先级的一个标准, 既然的标准就有判定规定和计算方式,specificity用一个四位数来表示, 更像四级从左到右,左的最大级,一级大于一 ...
CSS优先级算法浅谈
转自:微点阅读 https://www.weidianyuedu.com 在面试之前对css优先级的理解是 :ID优先级>class>元素选择器,外联样式优先级低于内联样式,内联样式优先 ...
CSS选择器有哪些？哪些属性可以继承？优先级算法如何计算？内联和important哪个优先？
CSS选择器有哪些? 选择符类型例子例子描述通用选择器 * 类别选择器(.class) .intro 选择class="intro"的所有元素 ID选择器(#id) #fir ...
[css] 说说CSS的优先级是如何计算的？
[css] 说说CSS的优先级是如何计算的? 选择器种类严格来讲,选择器的种类可以分为三种:标签名选择器.类选择器和ID选择器.而所谓的后代选择器和群组选择器只不过是对前三种选择器的扩展应用.而在标 ...
CSS语法和CSS优先级
语法层叠样式表( Cascading Stylesheet ,简称CSS ), 其基本目标是让浏览器以指定的特性去绘制页面元素,比如颜色,定位,装饰.CSS的语法反映了这个目标,由下面两个部分构建: ...
CSS三大特性（CSS层叠性、CSS继承性、CSS优先级）
1. CSS层叠性层叠性是指多种CSS样式的叠加. 原则: 样式冲突,遵循的原则是就近原则. 那个样式离着结构近,就执行那个样式. 样式不冲突,不会层叠示例代码: <!DOCTYPE htm ...
css就近原则_「Web前端开发进阶篇」CSS优先级
所谓CSS优先级,即是指CSS样式在浏览器中被解析的先后顺序.既然样式有优先级,那么就会有一个规则来约定这个优先级,而这个"规则"就是重点. [引言] 讲解完这篇CSS优先级的文章 ...
day4(css优先级)
参考博客: http://www.cnblogs.com/yuanchenqi/articles/6856399.html css属性选择器 <!DOCTYPE html> <htm ...

CSS优先级算法如何计算

CSS优先级算法如何计算相关推荐

最新文章

热门文章