伪类

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

相关文章
|
6月前
|
前端开发
伪类选择器
我是一个div ​ 选择器的累加不会超过其最大的一个数量级,类选择器在高也不会超过id选择器,你怎么加你都只能加那一位,两位数加不到三位数
|
6月前
|
前端开发
伪类,伪元素有什么,区别是什么
伪类,伪元素有什么,区别是什么
135 0
|
19天前
|
前端开发 UED 开发者
伪类选择器与伪元素选择器的区别
【10月更文挑战第23天】通过以上对伪类选择器和伪元素选择器的详细比较和分析,我们可以更清晰地理解它们之间的差异和各自的特点。在实际的网页设计和开发中,正确地选择和使用伪类选择器与伪元素选择器,能够为我们的页面带来更出色的视觉效果和更好的用户体验。同时,要不断关注浏览器的发展和更新,以确保我们的代码在各种环境下都能正常运行。
35 8
|
1月前
|
前端开发 JavaScript 开发者
伪类和伪元素
伪类和伪元素是 CSS 中用于扩展选择器功能的两种特性,无需额外的 HTML 标签即可创建复杂的样式规则。
|
2月前
|
前端开发
伪类是什么?
伪类是什么?
36 3
|
2月前
|
JavaScript 容器
哪些标签存在伪元素,伪类和伪元素的区别
哪些标签存在伪元素,伪类和伪元素的区别
|
前端开发 JavaScript
css中什么是伪类?伪类,伪元素有哪些?区别是什么?
css中什么是伪类?伪类,伪元素有哪些?区别是什么?
121 1
|
6月前
|
前端开发
伪类是什么
伪类是什么。
25 1
|
前端开发
伪类和伪元素的区别?
伪类和伪元素的区别?