css笔记-层叠样式表的优先级

css笔记-层叠样式表的优先级

优先级就是分配给指定的 CSS 声明的一个权重，它由匹配的选择器中的每一种选择器类型的数值决定。

而当优先级与多个 CSS 声明中任意一个声明的优先级相等的时候，CSS 中最后的那个声明将会被应用到元素上。

当同一个元素有多个声明的时候，优先级才会有意义。因为每一个直接作用于元素的 CSS 规则总是会接管/覆盖（take over）该元素从祖先元素继承而来的规则。

下面列表中，选择器类型的优先级是递增的：

通配选择符（universal selector）（*）关系选择符（combinators）（+, >, ~, ’ ’, ||）和否定伪类（negation pseudo-class）（()）对优先级没有影响。（但是，在 () 内部声明的选择器会影响优先级）。

给元素添加的内联样式 (例如，style=“font-weight”) 总会覆盖外部样式表的任何样式，因此可看作是具有最高的优先级。

能在使用优先级的情况下尽量不要使用!important规则，因为这破坏了样式表中的固有的级联规则，使得调试找 bug 变得更加困难了。

知识来自： CSS的优先级