选择器类型及优先级

一、选择器

相邻兄弟选择器A+B

普通兄弟选择器A~B

多元素选择器A,B

二、选择器的优先级

从高到低依次是：
1.在属性后面使用 !important会覆盖页面内任何位置定义的元素样式
2.作为style属性写在元素标签上的内联样式
3.id选择器
4.类选择器
5.伪类选择器
6.属性选择器
7.标签选择器
8.通配符选择器
9.浏览器自定义
实际上，同一个元素可以使用多个规则来指定它的字体颜色，每个规则都有自己的选择器。显然最终只有一个规则起作用（不可能一个字既是红色又是绿色），那么该规则的特殊性最高，特殊性即css优先级。那么CSS的优先级怎么计算呢？

选择器的特殊性值表述为4个部分，用0,0,0,0表示。
ID选择器的特殊性值，加0,1,0,0;
类选择器、伪类或属性选择器，加0,0,1,0;
标签和伪元素，加0,0,0,1;
通配选择器对特殊性没有贡献，即0,0,0,0;

最后比较特殊的一个标志!important(权重)，它没有特殊值，但是他的优先级是最高的，为了方便记忆，可认为他的默认值是1,0,0,0.示例如下： 执行效果：

选择器的特殊性值是从左向右排列的