伪类之爱恨原则
2019-10-09 09:26:41来源:博客园 阅读 ()
伪类之爱恨原则
一、属性的认识
:link 表示鼠标点击之前,也称为原始状态;
:visited 表示鼠标点击之后状态;
:hover 表示鼠标悬停状态;
:active 表示鼠标点击状态;
L-V-H-A LV爱 HA恨
二、例子
<style> div { width: 100%; } a { text-decoration: none; display: block; width: 20%; margin: auto; font-size: 30px; } a:link { color: red; } a:visited { color: black; } a:hover { color: green; } a:active { color: blue; } </style> </head> <body> <div> <a href="https://www.baidu.com/" target="_blank">百度一下</a> </div> </body>
运行结果是:
1、初始,未访问状态
2、鼠标悬停时状态
3、点击是状态
4、点击之后状态
三、注意:有些浏览器,我们是访问过的,所以:link设置的状态是看不到的,要想看到的话,需要清除浏览器的缓存记录。
原文链接:https://www.cnblogs.com/qxz17760485467/p/11636559.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
下一篇:css动画之旋转翻牌效果
- 网页简单布局之结构与表现原则案例 2020-03-19
- css选择器四大类:基本、组合、属性、伪类 2020-02-14
- css的核心原理分为优先级原则与继承原则两大部分 2020-02-13
- css3基本选择器+属性选择器+动态伪类+UI状态伪类+结构类 2020-02-01
- HTML连载64-a标签伪类选择器的注意点与练习 2020-01-19
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash