Css setting link & lt; a & gt; four status code instances, css instances

Css setting link <a> four status code instances and css instances

Css setting link <a> four status code instances:
This topic describes how to set a link in <a> four states, because the link status in the default state may not fully meet our needs in actual applications, the following describes the four statuses of link.
1. The default status, that is, the status in which no operation is performed. The corresponding css code is a: link.
2. hover the cursor over the link. The css code is a: hover.
3. When the mouse is pressed, the mouse is pressed on the connection, but the state is not released yet. The corresponding css code is a: active.
4. The state of the mouse clicked: that is, the State after the mouse clicked the link and released. The corresponding css code is: a: visited.
The code example is as follows:

<! DOCTYPE html>  
In the above Code, four statuses of link a are set.
Note: the order of the four link pseudo classes is fixed. Otherwise, problems may occur.
 
The original Article address is: css setting link <a> Chapter 1 of four status code instances.