CSS基础 CSS选择符
CSS基础 CSS选择符
发布时间:2016-12-29 来源:查字典编辑
摘要:示例:*[lang=fr]{font-size:14px;width:120px;}*.div{text-decoration:none;}...

示例:

*[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;}

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类