CSS :active pseudo-class
 Complete CSS Reference
Example
Specify the color of links:
a:link {color:#FF0000} /* unvisited link */
a:visited {color:#00FF00} /* visited link */
a:hover {color:#FF00FF} /* mouse over link */
a:active {color:#0000FF} /* selected link */ |
Try it yourself »
More examples at the bottom of this page.
|
Definition and Usage
The :active pseudo-class adds a style to an element that is activated.
Active, visited, unvisited, or when you mouse over a link, can
all be displayed in different ways.
Note: a:hover MUST come after a:link and a:visited in the CSS
definition in order to be effective!
Note: a:active MUST come after a:hover in the CSS definition in order
to be effective!
Pseudo-classes can be also be combined with CSS classes, like
this:
a.red:visited {color:#FF0000}
<a class="red" href="css_syntax.asp">CSS Syntax</a> |
If the link in the example above has been visited, it will be displayed in red.
Browser Support
The :active pseudo-class is supported in all major browsers.
 |
Try it Yourself - Examples |
Hyperlink 2
This example demonstrates how to add other styles to hyperlinks.
Related Pages
CSS tutorial: CSS Pseudo classes
Complete CSS Reference
Whether you're new to XML or already an advanced user,
the user-friendly views and powerful entry helpers,
wizards, and debuggers in XMLSpy are designed to meet your XML
and Web development needs from start to finish.
- XML editor
- Graphical XML Schema / DTD editors
- XSLT 1.0/2.0 editor, debugger, profiler
- XQuery editor, debugger, profiler
- XBRL validator & taxonomy editor
- Support for Office Open XML (OOXML)
- Graphical WSDL editor & SOAP debugger
- Java, C#, C++ code generation
- And much more!
Download a free trial today!
|
|
|
| 
