CSS 基础篇（1）：选择器权重的计算规则

这两年前端框架横行，自己的注意力和时间都在 JS 上，时间久了才发现忽略 CSS 很久了，对此，内心藏了点忧虑，想找个机会重新理解 CSS，就从现在开始吧。

CSS 的知识点本身很零碎，打算写一系列关于 CSS 知识点的小文章，分成两部分

一、CSS 基础篇：说知识点，比如本篇
二、CSS 应用篇：看代码，不做任何解释

这一系列小文章不是给零基础的前端看的，至少 CSS 要先入门。

另外，没有大纲，没有顺序，时而基础篇，时而应用篇，想到哪，就写到哪。

正文开始

选择器权重的计算规则如下

(a, b, c, d)

a: 表示是否应用了行内 style 样式，如果应用了则 a=1，否则 a=0
b: 表示 id 选择器的数量
c: 表示类、伪类、属性选择器的数量
d: 表示元素、伪元素的数量

比较的规则，a、b、c、d从左到右依次比较，数字大的优先级高。

!important优先级最高，都有!important的情况下，扔按照上面的规则比较。