Una

接下来的日子,陆续把未总结的问题补充起来......

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

一、继承与层叠:

注:

可继承的样式: font-size font-family color  ul  li dl dt dd;

 不可继承的样式:border padding margin width height ;

二、样式优先级机制:

1.css中的选择器有如下几类:

   1.id选择器( # myid)
    2.类选择器(.myclassname)
    3.标签选择器(div, h1, p...)
    4.相邻选择器(h1 + p)
    5.子选择器(ul > li)
    6.后代选择器(li a)
    7.通配符选择器( * )
    8.属性选择器(a[rel = "external"])
    9.伪类选择器(a:hover, li:nth-child)

2.一般选择器都有自己的特殊性,除了结合符和通配符对特殊性没有什么贡献之外。
3.样式的显示优先级从四个方面考虑:按权重和来源排序,按特殊性排序,按顺序排序。
补充:





总结按权重和来源(不同来源有不同权重)排序规则:

总的来说样式优先级机制为如下几点:

1.优先级就近原则,同权重情况下样式定义最近者为准;

2.载入样式以最后载入的定位为准;

优先级为: !important > id > class > tag  important 比 内联优先级高

 参考资料:《css权威指南》

posted on 2016-07-07 21:11  youyi2016  阅读(672)  评论(0编辑  收藏  举报