CSS :active Selector

The: active selector is used in styling an active link of the web page. Style display when the 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
}

Example: In this example, The CSS: active pseudo-class targets the active state of elements. It applies green background color for the link and blue background color for the paragraph when clicked.

Output:

👁 css-active.gif

Supported Browsers:

• Google Chrome 1
• Edge 12
• Firefox 1
• Safari 1 
• Opera 5