你的位置:首页 > 网页设计

[网页设计]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称为动态伪类,理论上可以应用于任何元素.