markdown CSS优先级和权重

Posted

tags:

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

按照优先级由高到低顺序:

!important

内联样式:<p style=""></p>

内部样式表:
<head>
  <style type="text/css">
  
  </style>
</head>

外部样式表:
<head>
  <link rel="stylesheet" href="">
</head>

后面的link覆盖前面的link
后面的css覆盖前面的css

以上的优先级机制(内联>内部>外部)的前提是样式的权重相同

[优先级(MDN)](https://developer.mozilla.org/zh-CN/docs/Web/CSS/Specificity)

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

从webkit内核简单看css样式和css规则优先级(权重)

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

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

css优先级及权重值

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

css优先级