CSS-选择器

选择器包含:

    1.标签选择器；2.类选择器；3.ID选择器；4.全局选择器；5.群组选择器；6.后代选择器；7.伪类选择器

使用如下：

    1.标签选择器

p,h1,h2,h3,h4{font-size:30px;}

    2.类选择器

①.普通用法：.special{color:blue;}

②.进阶用法（可对不同类型元素的同一个名称的类选择器设置不同的样式规则）： p.red{font-size:30px;}  h1.red{font-size:20px;}

    3.ID选择器(唯一性)

#two{color:green;}

    4.全局选择器

*{color:blue;}

    5.群组选择器（集体统一设置样式）

p,h1,h2,h3,h4{font-size:30px;} p.special,#three,h1{font-size:50px;}

    6.后代选择器（使用后代选择器设置，之间用空格隔开。注意:后代选择器权重问题，可能会造成样式冲突）

p em{font-size:40px;} h1.special em{color:orange;}

    7.伪类选择器（伪类选择器定义特殊状态下的样式，这些样式无法用标签、id、class、及其它属性实现）

①.链接伪类(a标签)

链接的4种状态：激活状态（:active）,已访问状态（:visited），未访问状态（:link），鼠标悬浮状态（:hover）

如： a:link{color:blue;}

注意：激活状态【即按下鼠标之后放开鼠标之前的状态】（:active）、 鼠标悬浮状态（:hover）可以用到任何元素上。如:p:hover{color:blue;}

链接伪类的顺序：:likn > :visited > :hover > :active

说明：1. a:hover必须置于a:link和a:visited之后，才有效

           2. a:active必须置于a:hover之后，才有效

           3. 伪类名称对大小写不敏感

           4. IE6不兼容

相关代码例子：

https://github.com/XiangPeng1993/WEB.git