Skip to content
Related Articles

Related Articles

Improve Article

CSS | :active Selector

  • Last Updated : 07 May, 2021

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 4.0

 

  • Edge 7.0

 

  • Firefox 2.0

 

  • Safari 3.1

 

  • Opera 9.6

 

My Personal Notes arrow_drop_up
Recommended Articles
Page :