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

时间 2020-01-15

标签 html 连载标签选择器栏目 HTML 繁體版

原文原文链接

1、a标签的伪类选择器html

1.经过观察能够发现a标签存在必定状态git

（1）默认状态，从未被访问过github

（2）被访问过的状态微信

（3）鼠标长按的状态学习

（4）鼠标悬停在a标签上的演示大数据

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

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

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

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

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>

2、源码：

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大数据学习视频礼包