CSS中各类选择器及对应优先级
A. 选择器类型(示例)
1.id选择器（#myid）
2.类选择器（.myclassname）
3.标签选择器（div, h1, p）
4.相邻选择器（h1+p）: 紧跟在目标后面的第一个兄弟元素(必须与目标同级且选中内容不包括目标)
5.通用兄弟选择器（h1~p）：紧跟在目标元素后的所有兄弟元素(必须与目标同级且选中内容不包括目标)
6.子选择器（ul > li）：所有ul下的li (亲生儿子，等同于ul:first-child)
7.后代选择器（li a）: 所有li下的所有a
8.通配符选择器（*）
9.属性选择器（a[rel="external"]）: 注意用方括号
10.伪类选择器（a:hover, li:nth-child）
* 以上+，~，>前后有没有空格都行
B. 优先级
1. !important > 内联样式 > id选择器 > 类、伪类、属性选择器 > 标签、伪元素选择器
2. 权重：
!important：10000
内联： 1000
id选择器：100
类、伪类、属性选择器：10
标签、伪元素选择器：1
通用选择器(*)、子选择器(>)、后代选择器、相邻兄弟选择器(+)、通用兄弟选择器(~)：0
* 级别相同时，按其在CSS 脚本中出现的顺序计算优先级，后出现的会覆盖先出现的样式
------------------------------------------------------------------
Reference:
