CSS基础 CSS选择符

选择符分类介绍1.通配选择符 语法： * { sRules }说明： 通配选择符。选定文档目录树(DOM)中的所有类型的单一对象。 假如通配选择符不是单一选择符中的唯一组成，“*”可以省略。示例： *[lang=fr]{font-size:14px;width:120px;} *.div{text-decoration:none;} 2.类型选择符 语法： E{sRules} 说明： 类型选择符。以文档语言对象(Element)类型作为选择符。 示例： td{font-size:14px;width:120px;} a{text-decoration:none;} 3.属性选择符 语法： E[attr]{sRules} E[attr=value]{sRules} E[attr~=value]{sRules} E[attr|=value]{sRules} 说明： 属性选择符。 选择具有attr属性的E 选择具有attr属性且属性值等于value的E 选择具有attr属性且属性值为一用空格分隔的字词列表，其中一个等于value的E。这里的value不能包含空格 选择具有attr属性且属性值为一用连字符分隔的字词列表，由value开始的E 示例： h[title]{color:blue;} /*所有具有title属性的h对象*/span[class=demo]{color:red;}div[speed="fast"][dorun="no"]{color:red;}a[rel~="copyright"]{color:black;} 4.包含选择符 语法： E1E2{sRules} 说明： 包含选择符。选择所有被E1包含的E2。即E1.contains(E2)==true。 示例： tabletd{font-size:14px;}div.suba{font-size:14px;} 5.子对象选择符 语法： E1>E2{sRules} 说明： 子对象选择符。选择所有作为E1子对象的E2。 示例： body>p{font-size:14px;} /*所有作为body的子对象的p对象字体尺寸为14px*/divul>lip{font-size:14px;} 6.ID选择符 语法： #ID{sRules} 说明： ID选择符。以文档目录树(DOM)中作为对象的唯一标识符的ID作为选择符。 示例： #note{font-size:14px;width:120px;} 7.类选择符 语法： E.className{sRules} 说明： 类选择符。在HTML中可以使用此种选择符。其效果等同于E[class~=className]。请参阅属性选择符(AttributeSelectors)。 在IE5+，可以为对象的class属性(特性)指定多于一个值(className)，其方法是指定用空格隔开的一组样式表的类名。例如：<divclass="class1class2">。 示例： div.note{font-size:14px;} /*所有class属性值等于（包含）"note"的div对象字体尺寸为14px*/.dream{font-size:14px;} /*所有class属性值等于（包含）"note"的对象字体尺寸为14px*/ 8.选择符分组 语法： E1,E2,E3{sRules} 说明： 选择符分组。将同样的定义应用于多个选择符，可以将选择符以逗号分隔的方式并为组。 示例： .td1,diva,body{font-size:14px;} td,div,a{font-size:14px;} 9.伪类及伪对象选择符 语法： E:Pseudo-Classes{sRules} E:Pseudo-Elements{sRules} 说明： 伪类及伪对象选择符。 伪类选择符。请参阅伪类(Pseudo-Classes)[:link:hover:active:visited:focus:first-child:first:left:right:lang]。 伪对象选择符。请参阅伪对象(Pseudo-Elements)[:first-letter:first-line:before:after]。 示例： div:first-letter{font-size:14px;} a.fly:hover{font-size:14px;color:red;}