CSS: Active Selector

Active section of the conversation

Active English is interpreted as "positive", and the expression on the mouse is the meaning of click. The most examples of active selectors are probably applied to the link above, but opening the link is a momentary action, which does not reflect the characteristics of the active selector.

Features of the active

In fact, we open a link with active, activating acive is a process, that is, after clicking on the module until the module is released. If we don't specify the time that this process takes, I think it takes fraction seconds by default.

<! DOCTYPE html>
We can adjust this time by the Transition attribute (transition).
      a:active{        Background:indigo;        transition:3s;      }
The reader can do an experiment, change the value of the transition, and then test: the time it takes to avtive the selector.
Active example
<! DOCTYPE html>
There are two transition, which means there are two transitions.

 
  

  
   
 
    
The first transition is to activate the active selector, when the transition in div:avtive is working.
 
    
The second transition is to release the mouse, the size of the image to return to normal process, when the div transition function.
 
   
 
  
If the reader only sets the transition inside the Div, then the transition time of the selector will default to the transition in the Div.
Https://www.cnblogs.com/ghost-xyx/p/3763669.html (more pseudo-elements and their usage)
 CSS: Active selector