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>