css选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先

通配选择符* { sRules }

类型选择符E { sRules }
td { font-size:14px; width:120px; }

属性选择符
E [ attr ] { sRules }
E [ attr = value ] { sRules }
E [ attr ~= value ] { sRules }
E [ attr |= value ] { sRules }
h[title] { color: blue; }/* 所有具有title属性的h对象*/
span[class=demo] { color: red; }
div[speed=”fast”][dorun=”no”] { color: red; }
a[rel~=”copyright”] { color:black; }

包含选择符E1 E2 { sRules }
table td { font-size:14px; }

子对象选择符E1 > E2 { sRules }
div ul>li p { font-size:14px; }

ID选择符 #ID { sRules }

类选择符 E.className { sRules }

选择符分组
E1 , E2 , E3 { sRules }

伪类及伪对象选择符
E : Pseudo-Classes { sRules }
( Pseudo-Classes )[:link :hover :active :visited :focus :first-child :first :left :right :lang]
E : Pseudo-Elements { sRules }
( Pseudo-Elements )[:first-letter :first-line :before :after]
可以继承的有:
font-size font-family color
不可继承的一般有:
border padding margin background-color width height 等

关于CSS specificity
CSS 的specificity
特性或称非凡性,它是衡量一个衡量CSS值优先级的一个标准,既然作为标准,就具有一套相关的判定规定及计算方式,
specificity用一个四位的数 字串(CSS2是三位)来表示,更像四个级别,值从左到右,左面的最大,一级大于一级,数位之间没有进制,级别之间不可超越。
在多个选择符应用于同一个元素上那么Specificity值高的最终获得优先级。
选择符Specificity值列表:
规则:
1. 行内样式优先级Specificity值为1,0,0,0,高于外部定义。 如:

你可能感兴趣的:(css)