css cascade 和inheritance

css(cascading  style  sheet)

元素属性inheritance

1、浏览器判断等级，等级高的优先！

2、同等级的css评分，分数高的优先！

3、同等级同分数的css依据加载顺序，后加载的优先！

css cascade分类：

1、author(作者式样)即程序员写的css样式

2、user(用户式样)即用户自定义的样式，多用于残疾人依据插件来写自己想要的css，比如色弱，色盲

3、browser default(浏览器默认的样式)

优先级：author>user>browser default

css评分：

1、样式优先级：

inline(行内样式)>internal(嵌入样式)>external（链接样式）

2、选择器的优先级（数字代表的是权值）：

行内样式：1000

id选择器:100

类选择器或者伪类:10

元素选择器：1

例外：任何属性加上！important 会使该属性优先级最高！

总结：

用户设定（!important）>作者设定（!important） >作者设定 >用户设定 >浏览器默认设定

顺便总结一下css属性继承：

1、所有元素可继承：

     visibility , cursor

2、内联元素和块元素可继承：

     color , line-height , letter-spacing , word-spacing , white-space,

     font , font-family , font-size , font-style , font-weight , font-variant ,

     text-decoration ,text-transform , direction ,

3、块元素可继承:

     text-align , text-indent

4、列表元素可继承：

     list-style , list-style-type , list-style-position , list-style-image

5、表格元素可继承：

     border-collapse

6、不可继承：

     width , height , min-width , max-width , min-height , max-height ,

     margin , border , padding ,

     position , top , right , bottom , left 

     z-index ,float , clear , background ,display ,vertical-align等