CSS 样式的覆盖规则

Posted on Wed, 25 Dec 2024 16:16:15 +0800 by LiangMingJian

规则一 #

由于继承而发生样式冲突时，最近祖先/父元素获胜（最近原则）。

规则二 #

规则二：继承的样式和直接指定的样式冲突时，直接指定的样式获胜（最直接原则）。

规则三 #

直接指定的样式发生冲突时，样式权值高者获胜。内联样式的权值 » ID 选择器 » 类选择器 » 标签选择器。

规则四 #

样式权值相同时，后者获胜。注意样式表的出现位置。

规则五 #

!important 的样式属性不被覆盖。