CSS :active Selector
Complete CSS Selector Reference
Example
Select the style for an active link:
Definition and Usage
The :active selector adds special styles to an active link.
A link becomes active when you click on it.
Tip: The :link selector sets the style for unvisited page links, the :visited selector sets the style for visited page links, and the :hover selector sets the style for links when the mouse is hovering over them.
Note: To achieve the expected effect, :active must be placed after :hover in the CSS definition!
Browser Support
The numbers in the table specify the first browser version that fully supports the selector.
| Selector | |||||
|---|---|---|---|---|---|
| :active | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
Note: The :active selector is supported by all elements in IE8 and newer browsers. For IE7, the :active selector only supports links.
Related Articles
CSS Tutorial: CSS Links
CSS Tutorial: CSS Pseudo-classes
More Examples
Example
Active, visited, unvisited, or when the mouse is hovering over the link:
Example
Different styles for links: