伪类

简介: 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是所有元素都可以

相关文章
|
5月前
|
前端开发
伪类,伪元素有什么,区别是什么
伪类,伪元素有什么,区别是什么
124 0
|
13天前
|
前端开发 JavaScript 开发者
伪类和伪元素
伪类和伪元素是 CSS 中用于扩展选择器功能的两种特性,无需额外的 HTML 标签即可创建复杂的样式规则。
|
1月前
|
前端开发
伪类是什么?
伪类是什么?
34 3
|
1月前
|
JavaScript 容器
哪些标签存在伪元素,伪类和伪元素的区别
哪些标签存在伪元素,伪类和伪元素的区别
|
11月前
|
前端开发 JavaScript
css中什么是伪类?伪类,伪元素有哪些?区别是什么?
css中什么是伪类?伪类,伪元素有哪些?区别是什么?
114 1
|
5月前
|
前端开发
伪类是什么
伪类是什么。
24 1
N..
|
5月前
|
前端开发 UED
CSS伪类和伪元素
CSS伪类和伪元素
N..
28 0
|
前端开发
伪类和伪元素的区别?
伪类和伪元素的区别?
|
5月前
|
前端开发 开发者
CSS中的伪类选择器和伪元素选择器
CSS中的伪类选择器和伪元素选择器
55 0