css的继承、特殊性、层叠、重要性

1.继承  不仅允许样式应用于某个特定的html标签元素，而且应用于其后代。
  但有的样式能继承，如：颜色
    有的样式不能继承，如边框
2.特殊性  在同一元素设置了不同的样式的情况下判断
  如：
     p{ color:red }
     .first{ color:green }
     <p class="first">三年级，我还是个<span>胆小如鼠</span>的小女孩。</p>
  结果显示：三年级，我还是个（胆小如鼠）的小女孩。（只有胆小如鼠是绿色其他是红色）
  权值：权值越高就使用那种样式
     标签的权值为1，类选符的权值为20，id选择符的最高权值为100
     p{ ... }/*权值为1*/
     p span{ ... }/*权值为1+1=2*/
     .warning{ ... }/*权值为10*/
     p span.warning{ ... }/*权值为1+1+10=12*/
     #footer .note p{ ... }/*权值为100+10+1=111*/
3.层叠 一个元素设置多个同类的css样式（如：颜色），按照前后顺序应用，处于最后面的
       css样式会被应用
  css样式的优先级：
  内联样式表（标签内部）> 嵌入样式表（当前文件中，即style中）> 外部样式表（外部文件中
                                                                      ，即.css文件中）
4.重要性  为某些样式设置最高权值（能够被应用）
  如：p{ color:red!important; }
      p{ color:green; }
      <p>三年级</p>
  a：important要写在分号的前面
  b：所以，三年级为红色