当前位置: 萬仟网 > IT编程>网页制作>CSS > HTML连载63-a标签的伪类选择器

HTML连载63-a标签的伪类选择器

2020年01月15日 14:59  | 萬仟网IT编程  | 我要评论

一、a标签的伪类选择器

1.通过观察可以发现a标签存在一定状态

(1)默认状态,从未被访问过

(2)被访问过的状态

(3)鼠标长按的状态

(4)鼠标悬停在a标签上的演示

2.什么是a标签的伪类选择器?

a标签的伪类选择器是专门用来修改a标签不同状态的样式。

a:link{} 用来修改默认的样式

a:visited{} 用来修改被点击过之后的样式

a:active{} 用来修改被鼠标长按时的状态

a:hover{} 用来修改鼠标悬停在a标签上面时的状态。

 

<!doctype html>

<html lang="en">

<head>

    <meta charset="utf-8">

    <title>d160_albelpseudoclassselector</title>

    <style>

        a:link{/*默认颜色设置*/

            color:skyblue;

        }

        a:visited{

            color:red;

        }

        a:active{

            color:yellow;

        }

        a:hover{

            color:black;

        }

    </style>

</head>

<body>

<a href="http://www.taobao.com"><h1>taobao</h1></a>

<a href="http://www.jingdong.com"><h1>jd</h1></a>

</body>

</html>

 

二、源码:

d160_albelpseudoclassselector.html

地址:

https://github.com/ruigege66/html_learning/blob/master/d160_albelpseudoclassselector.html

2.csdn:https://blog.csdn.net/weixin_44630050

3.博客园:https://www.cnblogs.com/ruigege0000/

4.欢迎关注微信公众号:傅里叶变换,个人账号,仅用于技术交流,后台回复“礼包”获取java大数据学习视频礼包

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

◎已有 0 人评论

Copyright © 2020  萬仟网 保留所有权利. 粤ICP备17035492号-1
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com