css伪类

伪类实际实现了类的效果，但是并没有实际添加到标签中的类，这样的就是伪类。伪类的典型构成就是使用了（:）冒号。

1.常用的a链接的伪类，目前市场上的主流浏览器都支持

:link  未访问的链接样式

：visited  链接访问过的后的样式（只要访问历史记录存在）

：hover  鼠标移上去的样式

：active  鼠标按下的样式

注意：在css定义中，:hover必须在：;link和：visited之后才有效，：active必须在：hover之后才有效

 

2.Selector：first-child匹配作为其父元素的第一个子元素的任何元素。（IE7及以上，及其他主流浏览器支持）

Selector:指定的标签名称,嵌入式文档并不被视为文档树的一部分，而且在计算第一个子元素时不会被其计算在内。例如：在以下html代码中，em元素是p元素的第一个子元素：<p>123<em>321</em></p>

案例一：匹配第一个<p>元素

p:first-child

{

color:red;

}

案例二：匹配所有<p>元素的第一个<i>

p>i:first-child

{

color:red;

}

案例三：匹配所有作为第一个子元素的<p>元素中的所有<i>元素

p:first-child i

{

color:red;

}