分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

【CSS3】CSS——链接

发布时间:2023-09-06 01:09责任编辑:蔡小小关键词:CSS
CSS链接样式
属性描述
a:link普通的、未被访问的链接
a:visited用户已访问的链接
a:hover鼠标指针位于链接的上方
a:active链接被点击的时刻

1.a:link  :未被访问的链接

今天学到一点就是当使用a:link时,变换颜色却不起作用,后来查找资料说记忆Cookies的原因,结果清除后果然显示出想要变换的颜色

还有要补充一点的是a标签这些伪类的执行顺序:link--visited--hover-active,也就是我们常说到的LoVe HAte原则,即“爱恨原则”。

在W3C规范中,规定了链接声明顺序:

在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。
在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。

2.a:visited :用户已访问的链接

测试时需要看其效果,一定要去清理历史数据,不然显示结果有偏差。

3.a:hover :鼠标指针位于链接的上方

对于无href属性的a元素来说,这四种效果都不起作用。

4.a:active :链接被点击的时刻

记住:一定要严格遵循正确的执行顺序

【CSS3】CSS——链接

原文地址:http://www.cnblogs.com/Horsonce/p/7490649.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved