结构和级联(CSS终极指南随笔)

CSS的核心就是级联,

  级联+继承+特征值解决了CSS样式的冲突问题,决定了页面的最终呈现。

  特征值:

  标签值 0001

  属性、类、伪类 0010

  id,伪元素 0100

  行内样式1000

  后代选择器没有特征值。

  继承:  

  有些可以继承,有些不继承(border,box模型的 margin,padding等属性)

  文字颜色可以继承。继承的特征值为0

  important的优先级最高。

  样式的决定流程:

  1,important排序,根据源排序,用户样式表,浏览器样式表

  2,根据特征值

  3,根据出现先后

  import和link方式的优先级根据顺序。

  style的优先级也是和important和link出现的优先级有关系。(以前一直以为style高一点)

   案例 :link:visitied:hover:active    对比。

 

http://www.w3.org/TR/CSS21/cascade.html#inheritance

http://www.w3.org/TR/CSS21/cascade.html#cascade

http://www.w3.org/TR/CSS21/cascade.html#specificity

posted @ 2016-05-24 16:56  郭逊  阅读(187)  评论(0编辑  收藏  举报