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.

        //CSS property

Below HTML/CSS code shows the functionality of :active selector : 


<!DOCTYPE html>
    <title>Active selector</title>
        a:active {
            background-color: green;
        p:active {
            background-color: blue;
    <h3>Active for link.</h3>
    <a href="">Geeks for Geeks</a>
    <h3>Active for text.</h3>
<p>Click Me!!</p>



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 :