CSS优先级

多重样式下的优先级：假使对同一个元素应用了外部样式、内部样式和内联样式，则其优先级如下：
内联样式 > 内部样式 > 外部样式
存在特殊情况：如果外部样式是在内部样式后引用，则会覆盖掉内部样式。

选择器的优先级：
css7中基础选择器：
id选择器（#container{…}）
类选择器（.container{…}）
属性选择器（input[type=”text”]{…}）
伪类选择器（:hover{…}）
伪元素选择器（::before{…}）
标签选择器（p{…}）
通配选择器（*{…}）
其优先级关系及相应权值：
内联样式（1000） > id选择器（100） > 类选择器（10） = 属性选择器（10） = 伪类选择器（10） > 伪元素选择器（1） = 标签选择器（1）
当运用多个选择符来定义某个标签的样式时（如p h1{…} , .article > p{…}）,需要计算改选择符的优先级权值，一般计算规则为：
计算选择符中id选择器的个数和X，选择符中类选择器、属性选择器、伪类选择器的个数和Y，选择符中伪元素选择器、标签选择器的个数和Z，比较X的值，大的则优先级越高，相等则比较Y的值，同理Y值若相等再比较Z值，若均对应相等，则按“就近原则”确定优先级。
另外：属性后缀有!important的属性有最高优先级（若均有该后缀，则依上述计算规则比较），如：

p {    background: red !important;}