首页 > 网站 > WEB开发 > 正文

CSS 伪类和伪对象选(五)

2024-04-27 14:27:41
字体:
来源:转载
供稿:网友
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称为动态伪类,理论上可以应用于任何元素.


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表