伪类，伪元素，超链接伪类

2024-07-15 08:26| 来源: 网络整理| 查看: 265

一、伪类 1、定义

（1）CSS 伪类用于向某些选择器添加特殊的效果。

（2）伪类对元素进行分类是基于特征而不是它们的名字、属性或者内容；原则上特征是不可以从文档树上推断得到的。

（3）伪类是选择符的螺栓，用来指定一个或者与其相关的选择符的状态。

2、语法 /*selector 选择器: pseudo-class 伪类 */ selector:pseudo-class { property:value; /*property属性: value属性值;*/ } 3、伪类的相关属性

在这里插入图片描述

二、伪元素 1、定义

（1）CSS 伪元素用于向某些选择器设置特殊效果。

（2）CSS伪元素控制的内容和元素是没有差别的，但是它本身只是基于元素的抽象，并不存在于文档中，所以称为伪元素。

2、语法 /*selector 选择器: pseudo-element 伪元素 */ selector:pseudo-element { property: value; /*property属性: value属性值;*/ } 3、伪元素分类

在这里插入图片描述

三、超链接伪类 1、超链接样式的特殊性

文本或图像加上链接，将失去原样式而继承链接的样式。

2、语法及属性值 a:link{ color: #FF0000;/*未访问超链接时字体的颜色*/ }

超链接样式的四种状态：

未访问状态（a:link ）已访问状态（a:visited ）鼠标移上状态（a:hover ）激活选定状态（a:active ）

注意：（1）为了使定义生效，a:hover 必须位于 a:link 和 a:visited 之后

（2）为了使定义生效，a:active 必须位于 a:hover 之后！

（3）未访问状态的超链接颜色在浏览器第一次打开此页面时有效，一旦点击了超链接，颜色变成已访问状态的颜色，关闭该页面或者关闭浏览器再次打开还是已访问状态的颜色，要想恢复未访问状态，火狐和Safari需要清除历史记录。

【本文地址】

今日新闻