CSS | :active Selector - GeeksforGeeks

The :active selector is used in styling an active link of web page. Style display when user clicks on the link. This selector is different from :link, :visited and :hover selectors. The main use of :active selector is on the links but it can be used on all elements.

Syntax:

:active{
        //CSS property
}

Below HTMl/CSS code shows the functionality of ::after selector :

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>Active selector</title> 
    <style> 
        a:active { 
            background-color: green; 
        } 
          
        p:active { 
            background-color: blue; 
        } 
    </style> 
</head> 
  
<body> 
    <h3>Active for link.</h3> 
    <a href="https://www.geeksforgeeks.org/">Geeks for Geeks</a> 
    <h3>Active for text.</h3> 
    <p>Click Me!!</p> 
</body> 
  
</html> 

Output:

Supported Browsers

Google Chrome 4.0

Edge 7.0

Firefox 2.0

Safari 3.1

Opera 9.6

My Personal Notes

Recommended Posts:

Vishal_Khoda

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.