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等