码迷,mamicode.com
首页 > Web开发 > 详细

css3选择器

时间:2015-04-11 10:09:15      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:

 1 /**
 2  * 1、基本选择器
 3  * 1.1、通配符选择器(*)
 4  * 1.2、元素选择器(E)
 5  * 1.3、id选择器(#id)
 6  * 1.4、class选择器(.class)
 7  *         IE6中不支持多类选择器(.class1.class2),等价于只有末尾的类名(.class2)
 8  * 1.5、群组选择器(selector1, selector2...)
 9  *
10  * 2、层次选择器
11  * 2.1、后代选择器(E F)
12  * 2.2、子选择器(E > F)
13  * 2.3、相邻兄弟选择器(E + F)
14  * 2.4、通用兄弟选择器(E ~ F)
15  *         E选择器后面的所有为F选择器的兄弟元素
16  *
17  * 3、伪类选择器
18  * 3.1、动态伪类选择器
19  * 3.1.1、:link
20  * 3.1.2、:visited
21  * 3.1.3、:hover
22  * 3.1.4、:active
23  * 3.1.5、:focus
24  * 3.2、目标伪类选择器(:target)
25  * 3.3、语言伪类选择器(:lang(语言名))
26  * 3.4、UI状态伪类选择器
27  * 3.4.1、:checked
28  * 3.4.2、:enabled
29  * 3.4.3、:disabled
30  * 3.5、结构伪类选择器
31  * 3.5.1、:first-child
32  * 3.5.2、:last-child
33  * 3.5.3、:root
34  * 3.5.4、:nth-child()
35  * 3.5.5、:nth-last-child()
36  * 3.5.6、:nth-of-type()
37  * 3.5.7、:nth-last-of-type()
38  * 3.5.8、:first-of-type
39  * 3.5.9、:last-of-type
40  * 3.5.10、:only-child
41  * 3.5.11、:only-of-type
42  * 3.5.12、:empty
43  *             选择没有任何内容的元素,没有任何内容包括空格,用来处理后台输出空类容时。
44  * 3.6、否定伪类选择器(:not())
45  *
46  * 4、伪元素选择器
47  * 4.1、::first-letter
48  * 4.2、::first-line
49  * 4.3、::before
50  * 4.4、::after
51  * 4.5、::selection
52  *         ::selection仅接收两个属性background和color
53  *
54  * 5、属性选择器
55  * 5.1、E[attr]
56  * 5.2、E[attr=val]
57  * 5.3、E[attr|=val]
58  *         属性以val开头或val-开头
59  * 5.4、E[attr~=val]
60  *         属性以空格隔开其中一个是val
61  * 5.5、E[attr*=val]
62  * 5.6、E[attr^=val]
63  * 5.7、E[attr$=val]
64  */

 

css3选择器

标签:

原文地址:http://www.cnblogs.com/tyxloveyfq/p/4416225.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!