css中的继承、层叠、样式优先级机制

标签：

一、继承与层叠：

注：

可继承的样式： 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权威指南》

css中的继承、层叠、样式优先级机制

标签：

原文地址：http://www.cnblogs.com/yy95/p/5651598.html