CSS选择符的优先级(权重)

CSS中选择符的优先级(权重)
1.特殊性：
  .grape{ color:Blue}
  H1{ color:Red;}
  <h1 class="grape">Meerkat <em>Central</em></h1>
  根据规范：一般的html元素选择符(h1,p等)具有特殊性1，类选择符具有特殊性10,id选择符具有特殊性100，
  值越大，优先级就越高，就休闲被选用。（值越大权重就越大，就可以优先选用）
  h1{ color:red} /*特殊性=1*/
  p em{ color:blue} /*特殊性=2*/
  .grape{ color:fuchsia} /*特殊性=10*/
  p.bright{ color:yellow} /*特殊性=11*/
  p.pright em.dark{ color:gray} /*特殊性=12*/
  #id01{ color:red} /*特殊性=100*/
2.继承
  在特殊性的框架下，被继承的值具有特殊性0，也就是说任何显示声明的规则将会覆盖其继承样式，即便这条
  规则具有多高的权重。
3.style元素
  style元素在css下权重定义为100，尽管id选择符也一样，实际上style元素比id具有更高的特殊性。
4.重要性(!important)
   p#warn{ color:red !important;}
   em{ color:black}
   <p id="warn"> This text is red,but <em>emphasized text is black </em></p>
  !important具有最高级特性。比如说1000，因此!important规则会覆盖内联style属性的内容。
  注意：即便定义!important,继承里的特殊性也只有0，所以以上会实例会显示为特殊性为1的em的规则。
5.层叠
  5.1) 若两条规则具有相同的权值、起源、以及特殊性，那在样式表中最后出现的规则优先。
  5.2) 任何位于文档中的规则都比引入的规则优先。