css优先级及权重值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css优先级及权重值相关的知识,希望对你有一定的参考价值。

优先级:

外部样式表

内部样式表(位于<head>标签内部

内联样式(在html元素内部)优先权最高

内联样式>内部样式=外部样式(看具体引入位置,解析的先后)

权重值:

第一等:内联样式,如style=“”,权值为1000(!important)

第二等:ID选择器,如#content,权值为0100

第三等:类,伪类选择器,如.content,权值为0010

第四等:元素选择器,如div、p,权值为0001

通用选择器(*),子选择器(>)和相邻同胞选择器(+)权重值都为0000

以上是关于css优先级及权重值的主要内容,如果未能解决你的问题,请参考以下文章

CSS优先级详解(权重详解)

CSS权重与优先级-详细分析

CSSCSS 特性 ③ ( CSS 优先级 | 权重叠加计算公式 )

CSSCSS 特性 ③ ( CSS 优先级 | 优先级引入 | 选择器基本权重 )

Python开发前端篇HTML5+CSS3

markdown CSS优先级和权重