首页>>网站建设>>Javascript>>经验笔记

CSS伪类是用来添加一些选择器的特殊效果的。

一、anchor伪类

a:link {color:#FF0000;} /* 未访问的链接 */
a:visited {color:#00FF00;} /* 已访问的链接 */
a:hover {color:#FF00FF;} /* 鼠标划过链接 */
a:active {color:#0000FF;} /* 已选中的链接 */

以上均是anchor伪类（PS：上述是链接的四种状态，其中hover必须在visited后面，否则将不起作用）、伪类可以与CSS类组合使用。

二、CSS :first-child 伪类

:first-child是用来选择父元素的第一个子元素的。

1、选择第一个<p>元素

p:first-child
{
    color:blue;
}

上面的CSS代码意思是选择第一个<p>标签元素进行渲染，其他<p>标签元素不会受影响。

2、选择所有<p>元素中的第一个<i>元素

p > i:first-child
{
    color:blue;
}

三、CSS - :lang 伪类

:lang 伪类使你有能力为不同的语言定义特殊的规则

注意：IE8必须声明<!DOCTYPE>才能支持;lang伪类。

在下面的例子中，:lang 类为属性值为 yes 的q元素定义字体颜色的类型：

q:lang(yes) {color:'red';}

学习不止眼前的教程与笔记还需实践与创新——小伙伴们块动手试试吧~