志达IT
做快乐程序员

css是什么文件(css的优先级顺序是怎样的)

css是什么文件

层叠样式表
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

css的优先级顺序是怎样的

css优先级规矩
CSS 优先规矩1: 最近的祖先款式比其他祖先款式优先级高。
CSS 优先规矩2:”直接款式”比”祖先款式”优先级高。
CSS 优先规矩3: 优先级关系:内联款式 > ID 选择器 > 类选择器 = 特点选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器
CSS 优先规矩4: 核算选择符中 ID 选择器的个数(a),核算选择符中类选择器、特点选择器以及伪类选择器的个数之和(b),核算选择符中标签选择器和伪元素选择器的个数之和(c)。按 a、b、c 的顺序顺次比较巨细,大的则优先级高,持平则比较下一个。若最终两个的选择符中 a、b、c 都持平,则依照”就近原则”来判别。css
规矩四,咱们能够这样想:
首先,CSS的优先级是依据款式声明的特殊性值来判别的。
依据规矩三能够把特殊性分为四个等级:如下:

标签内选择符x,0,0,0
ID选择符0,x,0,0
class选择符/特点选择符/伪类选择符 0,0,x,0
元素标签和伪元素选择符0,0,0,x
每个选择器初始值都为0 0 0 0 ,依据规矩四,进行相应的加1,判别优先级时,从左向右判别,若两个优先级持平,则后呈现的优先级大。
呈现!important的权重最大。能够认为是1 0 0 0 0
eg:
这个优先级为 0 1 0 1

#con-id span {
color: red;
}
答:
**判别选择器优先级时,先判别款式声明后面是否由 !important,有的话,权重最大;
说明:
当在一个款式声明中运用一个 !important 规矩时,此声明将掩盖任何其他声明。虽然技术上 !important 与优先级无关,但 !important 却又与 CSS 优先级直接相关。
破坏级联规矩
运用 !important 是一个坏习惯,应该尽量防止,由于这破坏了款式表中的固有的级联规矩 使得调试找 bug 变得更加困难了。当两条相互冲突的带有 !important 规矩的声明被应用到相同的元素上时,拥有更大优先级的声明将会被选用。css

然后,判别优先级时,多个选择器归纳权重来判别优先级:咱们能够把选择器的优先级分为四个等级,
第一个等级:行内款式,为1000
第二个等级:id选择器,为0100
第三个等级:类选择器、伪类选择器、特点选择器,为0100
第四个等级:标签选择器和伪元素选择器,为0001
分割符=============================================
规矩中呈现的每一个选择器,会依据他们的特殊性进行叠加。判别优先级时,从左向右判别,数字大的优先级大。**

赞(0)
未经允许不得转载:志达IT网站 » css是什么文件(css的优先级顺序是怎样的)
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

志达IT网站 每天分享编程和互联网的IT技术博客

登录/注册联系我们