左小白的技术日常
Github
2019/11/09
Author: guoqzuo

css样式优先级,防止外部样式污染组件

一般在写全局的样式时,总担心污染其他位置的样式,但我们怎么防止别人的样式来污染我们的样式了。一句话总结:对于很重要,不要被污染的用!important,如果不想用!important,那最前面加id,或者多加一个或多个优先级高的选择器,来提高整体优先级

这里复习下之前看HTML权威指南css部分及CSS权威指南里css优先级的问题

如果两条定义于同一层次的样式都能应用于同一个元素。且都包含同样的属性值,就需要根据特殊性来决定到底使用哪种。

a的特殊性最高,b其次,c最低。按a-b-c来表示。比如如果a值相等,才会去比较b。1-0-0的特殊性比0-5-5高。在 CSS权特威指南 中,有4位,最高位为内嵌(Inline)样式设置的样式。关于特殊性,建议看CSS权威指南,个人认为比这里要好理解一点。如果层级一样,谁后定义的,优先级就越高