HTML tag serial 63-a pseudo class selector

A, a pseudo label class selector

1 can be found by observing the state of a certain tag

(1) By default, I never have been visited

(2) state visited

(3) Press the mouse state

(4) a hover over the label Demo

2. What is the pseudo-class selectors a label?

A pseudo class selector tag is designed to modify the style of a different state label.

a: link {} used to modify the default style

a: visited {} is used to modify the style after being clicked

a: active {} are used to modify the length of time the state of the mouse

a: hover {} for modifying a mouse hovers above the label state.

 

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>D160_ALbelPseudoClassSelector</title>

    <style>

        A: Link { / * default color settings * /

            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>

 

Second, the source code:

D160_ALbelPseudoClassSelector.html

address:

https://github.com/ruigege66/HTML_learning/blob/master/D160_ALbelPseudoClassSelector.html

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

3. Park blog: https: //www.cnblogs.com/ruigege0000/

4. Welcomes the focus on micro-channel public number: Fourier transform, personal account only for technical exchanges, backstage reply "gifts" big data acquisition Java Learning Video Package

Guess you like

Origin www.cnblogs.com/ruigege0000/p/12194704.html