伪类,伪元素,超链接伪类

一、伪类

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需要清除历史记录。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值