More "Try it Yourself" examples below.
The :active selector is used to select and style the active link.
A link becomes active when you click on it.
Tip: The :active selector can be used on all elements, not only links.
Tip: Use the :link selector to style links to unvisited pages, the :visited selector to style links to visited pages, and the :hover selector to style links when you mouse over them.
Note: :active MUST come after :hover (if present) in the CSS definition in order to be effective!
Version: | CSS1 |
---|
The numbers in the table specifies the first browser version that fully supports the selector.
Selector | |||||
---|---|---|---|---|---|
:active | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
Note: IE8 and newer versions support the :active selector on all elements. IE7 only supports the :active selector on links.
Select and style a <p>, <h1> and <a> element when you click on it:
Select and style unvisited, visited, hover, and active links:
Style links with different styles:
CSS tutorial: CSS Links
CSS tutorial: CSS Pseudo classes