级联
一、级联的定义
浏览器决定为元素应用何样式的一种方法
二、特指度
1、定义
度量 CSS 选择器识别元素精确性的指标
2、计算
(1) 为 a、b、c、d 中的各个变量赋予相应的数值,其中,
a 表示 style 属性样式 (0 || 1)
b 表示 ID 选择器的数量
c 表示类选择器、属性选择器和伪类的数量
d 表示类型选择器和伪元素的数量
(2) 比较选择器的特指度时,最左侧的选择器特指度最高
三、规则集顺序
1、定义
描述 CSS 规则集在样式表中的位置
2、优先级
(1) 如果两个声明块中的选择器特指度相同,且他们为同一元素的某个属性应用样式,则在样式表中处于相对靠后位置的声明块中的属性优先级较高
(2) 除非用 style 属性添加行内样式,否则特指度和规则集顺序决定为元素应用何种样式
(3) <style>
块或外部样式表中的样式如要比其他样式(包括用 style 属性添加的行内样式)更精确,唯一的方法是在声明块中添加 !important
, 若选择相同元素的多个声明块均使用 !important
,则位置最靠后的声明块起作用
本文标题:级联
文章作者:Canace
发布时间:2020-07-12
最后更新:2023-05-26
原始链接:https://canace.site/%E7%BA%A7%E8%81%94/
版权声明:转载请注明出处
分享