Skip to content
Related Articles

Related Articles

CSS | :active Selector

Improve Article
Save Article
  • Last Updated : 23 Aug, 2022
Improve Article
Save Article

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 :active selector : 
 

HTML




<!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 1
  • Edge 12
  • Firefox 1
  • Safari 1 
  • Opera 5

 

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!