CSS Six Model Description

CSS 属性覆盖规则： 最高优先级覆盖底优先级。

1. 含有!important 字符的属性覆盖其它的非non重要字符。

2. 属性直接嵌入在属性的style之内。

3. 基于ID的CSS属性设置。

4. 有一个或者多个class 属性的或者伪书性。

    For example, *.c10{border:4px solid black;} takes priority over div{border:2px solid black;}.

5. 基于元素的selector。

    div{border:2px solid black;} takes priority over *{border:0px solid black;}.

6.  通用的匹配符：

       *{border:0px solid black;}.

 

基于位置的优先级

1.  在header的style节点定义的

2.  @import stylesheet in style节点

3.   rel 引入的stylesheet 文件

4.   @import引入的stylesheet文件

5.   stylesheet by an end user

6.   the css property in browser.

 

/* Universal Selectors */

/* Element Selectors */

/* Class, Attribute, and Pseudo Selectors */

/* ID Selectors */

/* !important Universal Selectors */

/* !important Element Selectors */

/* !important Class, Attribute, and Pseudo Selectors */

/* !important ID Selectors */

t