The role of a:active in CSS and detailed explanation of its use

CSS :active selector

Definition and usage

　:active selector is used to select active links.

When you click on a link, it becomes active.

Tip: Please use the :link selector to style links to unvisited pages, :visited to style links to visited pages, and the :hover selector to set the mouse pointer to float to the link. Last style.

Example 1 Select unvisited, visited, floating and active links and set their styles:

a:link{color:blue;} a:visited{color:blue;} a:hover{color:red;} a:active{color:yellow;}

Example 2 Set different styles for links:

a.ex1:hover,a.ex1:active {color:red;} a.ex2:hover,a.ex2:active {font-size:150%;}

Definition The link's style when the mouse is activated (clicked). There are four link pseudo-classes:
a:link normal link style a:visited link visited style a:hover link highlighted (mouse over) style a:active link activated style

Example:

    
  W3Sschool Google Wikipedia 
注释：:active 选择器为活动的链接设置样式。
  

The result is: W3Sschool Google Wikipedia
Comments: The :active selector styles active links.
Define the style of the link when the mouse is activated (clicked). There are four link pseudo-classes:
a:link normal link style a:visited link visited style a:hover link highlighted (mouse over) style a:active link activated style

The above is the detailed content of The role of a:active in CSS and detailed explanation of its use. For more information, please follow other related articles on the PHP Chinese website!