CSS权重

!important > 行类样式（即标签style属性）> 内联（即style标签）> 外联（link标签引入）

!important > ID > 类、属性选择器、伪类选择器 > 元素、伪元素

01. *{}                                                                    ====》0
02. li{}                                                                    ====》1(一个元素)
03. li:first-line{}                                                      ====》2(一个元素，一个伪元素)
04. ul li {}                                                               ====》2（两个元素）
05. ul ol+li{}                                                           ====》3（三个元素）
06. h1+ *[rel=up] {}                                                ====》11（一个属性选择器，一个元素）
07. ul ol li.red{}                                                      ====》13（一个类，三个元素）
08. li.red.level{}                                                     ====》21（两个类，一个元素）
09. style=""                                                            ====》1000(一个行内样式)
10. p {}                                                                  ====》1（一个元素）
11. div p {}                                                             ====》2（两个元素）
12. .sith {}                                                              ====》10（一个类）
13. div p.sith{}                                                       ====》12（一个类，两个元素）
14. #sith{}                                                             ====》100（一个ID选择器）
15. body #darkside .sith p {}                                 ====》112(1+100+10+1,一个Id选择器，一个类，两个元素)