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,高于外部定义。 如:sjweb 外部定义指经由或
|
| 内 容: |
|
|
|
|