伪类选择器，和一般的DOM中的元素样式不一样，它并不改变任何DOM内容。只是插入了一些修饰类的元素，这些元素对于用户来说是可见的，但是对于DOM来说不可见。
http://www.cnblogs.com/zcynine/p/5008985.html
:hover选择器用于选择鼠标指针浮动在上面的元素。当鼠标悬停在元素上时，可使用此选择器设置元素的样式；它可用于每个元素。
语法：
与hover相关的伪类:
● :hover 选择器可用于所有元素，不仅是链接。
● :link 选择器设置了未访问过的页面链接样式,
● :visited 选择器设置访问过的页面链接的样式
● :active选择器设置当你点击链接时的样式
说明： 为了产生预期的效果，:hover 必须位于 :link 和 :visited 之后（如果存在的话），这样样式才能生效。
示例1： 在悬停在元素上时更改背景颜色。
效果图：
示例2：在文本上悬停时显示隐藏的块
效果图：
更多HTML的相关知识，可访问： web前端自学 ！!
1元素选择器HTML文档的元素名称就是元素选择器。 1）语法，例如：html<color:black>、h1{color:blue}、p{color:silver} 2）缺点：不同的元素样式相同，即不能跨元素。所以做不到同一类元素下的细分。
2类选择器
自定义的某种选择器。 1）语法：.className{样式声明} 例如：.myClass{ background-color:pinkfont-size:47px} <h2>h2中的文本</h2><p>p中的文本</p>
注意事项：
html文件中，所有元素都有一个class属性，如：<p></p>
类选择器还一种用法：<div id="d1"class="s1 s2">hello</div>，样式s1和样式s2对div共同起作用。
3分类选择器
将类选择器和元素选择器结果起来使用，以实现同一类元素下不同样式的细分控制。如<input>元素，又有按钮又有文本框的，采用分类选择器。 1）语法：元素选择器.className{样式声明} 例如： p.myClass{ color:redfont-size:27px } <h2>h2中的文本</h2><p>p1中的文本</p><p>p2中的文本</p>
4元素id选择器
以某个元素id的值作为选择器。比较特殊的、页面整体结构的划分一般使用id选择器。 1）语法：定义id选择器时，选择器前面需要有一个“#”号，选择器本身则为文档中某个元素的id属性的值。 例如：#header{ color:redbackground:yellow} <h1 id="header">This is Title<h1>
u 注意事项：
v html文件中，所有元素都有一个id属性。且某个id选择器仅使用一次。
5派生选择器
依靠元素的层次关系来定义。某一包含元素下的一些相同子元素使用派生选择器。 1）语法：通过依据元素在其位置的上下文关系来定义样式，选择器一端包括两个或多个用空格分隔的选择器。 例如：h1 span{color:red} <h1>This is a<span>important</span>heading</h1>
6选择器分组
对某些选择器定义一些统一的设置（相同的部分）。 1）语法：选择器声明为以逗号隔开的元素列表。 例如：h1,p,div{ border:1px solid black}
7伪类选择器
伪类用于向某些选择器添加特殊的效果。 1）语法：使用冒号“：”作为结合符，结合符左边是其他选择器，右边是伪类。 2）常用伪类：有些元素有不同的状态，典型的是<a>元素。 ①:link：未访问过的链接 ②:active：激活 ③:visited：访问过的链接 ④:hover：悬停，鼠标移入，所有元素都能用 ⑤:focus：获得焦点 例如：a:link{ color:blackfont-size:20px} a:visited{ color:pinkfont-size:20px} a:hover{ font-size:27px} a:active{ color:red}
8选择器优先级
1）基本规则：内联样式 >id选择器 >类选择器 >元素选择器
2）优先级从低到高排序：
div <.class <div.class <#id <div#id <#id.class <div#id.class 例如：<div id="id" style="color:black"></div>
