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

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

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

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

• a. 样式的选择器中id值的数目(#)
• b. 选择器中其他属性和伪类的数目(.class等属性)
• c. 选择器中元素名和伪元素数目（元素名等）

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