CSS 样式优先权摘要

  2.9.2 选择符优先权：从选择符的优先权上看：id>class>类型选择符。

　　　　div{

　　　　　　　　background-color:green;}

　　　　div#news{

　　　　　　　　background-color:black;}

所有的div背景色都是绿色，但id为news的背景色为黑色。

　　2.9.4 在两行相同类型的CSS样式定义中，往往优先执行后面一个。！important语法，可以提升某一句样式表的重要性，使其获得最高优先。

（CSS网站布局实录--李超（50page））

 

 

 

 

 

　　2.3 特殊性

　　　　特殊性是一个选择器"特殊程度"的数字表示，有3样东西经常用来被确定选择器的特殊性：

　　　　每个元素描述符贡献0,0,0,1;

　　　　每个类、伪类或者属性描述符贡献0,0,1,0;

　　　　每个ID描述符贡献0,1,0,0。

 

　　　　div ul ul li           　　0,0,0,4           4个元素描述符

　　　　div.aside ul li       　　0,0,1,3     　　1个类描述符,3个元素描述符

　　　　a:hover　　　　　　　0,0,1,1　　　　1个伪类描述符,1个元素描述符

　　　　div.navlinks a:hover   0,0,2,2　　　　1个伪类描述符,1个类描述符,2个元素描述符

　　　　#title em　　　　　　  0,1,0,1    　　 1个ID描述符,1个元素描述符

　　　　h1#title em　　　　　0,1,0,2　　　　 1个ID描述符，2个元素描述符

　　　　 希望这些能够帮助你理解特殊性是如何计算的。具有一个单独的类描述符的选择器会比由13个元素描述符

组成的选择器拥有更高的特殊性。

　　　　　.aside   /*0,0,1,0*/

　　　　　div table tbody tr td div ul li ol li ul li pre 　　　　/* 0,0,0,13*/

　　　　第一个选择器左数第三位的"1"胜过了第二个选择器同样位置的"0",基于这样的事实，第二个选择器第四位的

"13"就毫无意义了。

(精彩绝伦的CSS Eric.A.Meyer 35(pages)