Define four pseudo classes of link styles
1: link
2: visited
3: hover
4: active
Because we need to define the link style, it is essential to write the anchor tag -- a, anchor tag and pseudo-class link in the hyperlink, which is the basic method for defining the link style, they are written as follows:
1 a: link. Define the style of a normal link;
2 a: visited, which defines the style of the Accessed link;
3 a: hover, which defines the style when the mouse is suspended on the link;
4 a: active, define the style when the mouse clicks the link
Defining the sequence of link A in style sheet CSS may be helpful to you:
A: link {color: #000000; TEXT-DECORATION: none}
A: visited {COLOR: #000000; TEXT-DECORATION: none}
A: hover {COLOR: # ff7f24; text-decoration: underline ;}
A: active {COLOR: # ff7f24; text-decoration: underline ;}
The elements a: link, a: hover, and a: visited have different sequence when defining CSS, which directly leads to different display effects of links.
I think the reason is that the browser follows the "proximity principle" when interpreting CSS ".
Example
| The code is as follows: | Copy code |
|
|
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
