CSS选择符小结

1.基本语法：

选择符名字 { 声明; }
选择符名字命名规则：
CSS选择符可以使用英文字母的大写与小写,数字,连字号,下划线,冒号,句号.
2.分类：

在Andy Budd的《CSS MASTERY》（中译《精通CSS》）中，将CSS选择符分为：常用选择符、通用选择符和高级选择符。常用选择符包括：类型选择符、类选择符、ID选择符、后代选择符、伪类、伪元素等；高级选择符包括：子选择符、相邻选择符、属性选择符等。现代主流浏览器对高级浏览器支持都比较好，但IE6不支持高级选择符，切对部分伪类、伪元素支持有限。
(1)通用选择符：
说明：
作用于文档中所有可用元素，以“*”表示。
示例：

*{margin:0; padding:0;}
(2)类型选择符：
说明：
以文档语言对象(Element)类型作为选择符，作用于特定类型的元素。
示例：

li{list-style:none;}
a{text-decoration:none;}
(3)类选择符：
说明：
作用于具有指定类名的元素。选择符名字以"."开头。
示例：

.warning{color:red; font-weight:bold;}
(4)ID选择符：
说明：
作用于具有指定ID名的元素，与类选择符相似。选择符名字以“#”开头。
示例：

#content{ width:960px; margin:0 auto;}
(5)后代选择符：
说明：
作用于特定元素或元素组的后代。
示例：

li a{color:blue;}
.links a{text-decoration:none;}
(6)伪类：
说明：

 
伪类
作用
IE
F
N
W3C
:active
将样式添加到被激活的元素
4
1
8
1
:focus
将样式添加到被选中的元素
-
-
-
2
:hover
当鼠标悬浮在元素上方时，向元素添加样式
4
1
7
1
:link
将特殊的样式添加到未被访问过的链接
3
1
4
1
:visited
将特殊的样式添加到被访问过的链接
3
1
4
1
:first-child
将特殊的样式添加到元素的第一个子元素
 
1
7
2
:lang
允许创作者来定义指定的元素中使用的语言
 
1
8
2
 
 
示例：

a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
a:active {color: #0000FF} /* 选定的链接 */
input:focus{background:yellow;}
(7)伪元素：
说明：
详细介绍请看W3SCHOOL介绍
伪元素
作用
IE
F
N
W3C
:first-letter
将特殊的样式添加到文本的首字母
5
1
8
1
:first-line
将特