伪类

简介: 1.没有访问过的链接​ 2.访问过的链接

元素的伪类

/*

​ :link 用来表示没有访问过的链接(正常链接)

*/

​ a:link{ (link是a的一个伪类)

​ color:red;

}

/*

​ :visited 用来表示访问过的链接

​ 由于隐私的原因,所以visited这个伪类只能修改链接的颜色,比如font-size visited就设置不了,但是link就可以

*/

​ a:visited{

​ color :orange;

}

/*

​ :hover 用来表示鼠标移入的状态

*/

比如 a:hover{ (效果就是你移入鼠标,放到链接的字上,会变蓝色,字的大小也会改变)

​ color : blue;

​ font-size :50px;

}

/*

​ :active 用来表示鼠标点击

*/

​ a:active{ (效果就是你鼠标点击,先别松开,链接颜色会变成黄色)

​ color: yellow;

}

注意: link和visited是超链接独有的,只能给a设置,hover和active是所有元素都可以

相关文章
|
4月前
|
前端开发
伪类选择器
我是一个div ​ 选择器的累加不会超过其最大的一个数量级,类选择器在高也不会超过id选择器,你怎么加你都只能加那一位,两位数加不到三位数
|
5月前
|
前端开发
伪类,伪元素有什么,区别是什么
伪类,伪元素有什么,区别是什么
102 0
|
8月前
span与伪类
span与伪类
|
19天前
|
前端开发
伪类是什么
伪类是什么。
4 1
N..
|
2月前
|
前端开发 UED
CSS伪类和伪元素
CSS伪类和伪元素
N..
8 0
|
6月前
|
前端开发 JavaScript
css中什么是伪类?伪类,伪元素有哪些?区别是什么?
css中什么是伪类?伪类,伪元素有哪些?区别是什么?
67 1
|
9月前
|
前端开发
伪类和伪元素的区别?
伪类和伪元素的区别?
|
5月前
|
前端开发 开发者
CSS中的伪类选择器和伪元素选择器
CSS中的伪类选择器和伪元素选择器
25 0
|
8月前
|
前端开发 搜索推荐 容器
伪元素的应用
伪元素的应用
伪元素的应用
|
前端开发 开发者
伪类 | 学习笔记
快速学习伪类
56 0
伪类 | 学习笔记