CSS 伪类和伪对象选(五)

一、伪选择器

伪选择器包括：伪类选择器和伪对象选择器，以冒号（：）作为前缀，冒号后紧跟伪类或者伪对象名称，冒号前后没有空格，否则解析为包含选择器

如：

div:hover{ font-size:12px;}

/*

div为指定标签名

hover选择符,伪类 或者 伪元素名

*/

 伪选择器专门用来选择特殊区域或者特殊状态下的元素或者对象，这些特殊区域或者特殊状态是无法通过标签选择器，ID选择器或者类选择器进行精确控制的

二、伪类选择器和伪对象选择器

伪类	说明
:focus	定义对象在成为输入焦点（该对象的onfocus事件发生时）的样式
:first-child	定义对象的第一个子对象的样式
：first	定义页岩 容器第一页使用的样式，仅适用于@page规则
：left	定义页面容器位于装订线左边的所有页面使用的样式，仅适用于@page规则
：right	定义页面容器位于装订线右边的所有页面使用的样式，仅适用于@page规则
:lang	定义对象使用特殊语言的内容样式

 

伪对象	说明
:after	与content属性一起使用，定义在对象后的内容
:before	与content属性一起使用，定义在对象前的内容
:first-letter	定义对象内第一个字符的样式
:first-line	定义对象内第一行的样式

三、超链接

@charset "utf-8";

/* CSS Document */

/*超链接默认样式*/

a{

    text-decoration:none;

    color:#333333;

}

/*访问过的样式*/

a:visited{

    color:#0000ff;

}

/*鼠标经过样式*/

a:hover{

    color:#00ff00;

}

/*鼠标按下样式*/

a:active{

    color:#FF0000;

还有一个:link可以定义未访问过的超链接样式，可以使用a选择器来代替a:link选择器样式。

：link和:visited称为链接伪类，只能应用于锚元素；

:hover,:active和:focus称为动态伪类，理论上可以应用于任何元素.