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.

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


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!