Paul: New page: == Pseudo Classes == Classes that cause rules to be applied when a specific event happens. These classes are not attached to tags in markup. p50 === Anchor Link Pseudo Classes === Comm...

2008-05-20T00:00:50Z

New page: == Pseudo Classes == Classes that cause rules to be applied when a specific event happens. These classes are not attached to tags in markup. p50 === Anchor Link Pseudo Classes === Comm...

New page

== Pseudo Classes ==

Classes that cause rules to be applied when a specific event happens. These classes are not attached to tags in markup. p50

=== Anchor Link Pseudo Classes ===

Commonly used with hyperlinks. p50

Link
Visited
Hover
Active

=== Other Useful Pseudo-Classes ===

This rule selects the first-child element with the name x.
<pre>x:first-child</pre>

This rule selects the focus of the user with the name x.
<pre>x:focus</pre>

== Pseudo-elements ==

Provides the effect of extra markup without the markup in your code.

This rule selects the first letter of tag name x and applies your style.
<pre>x:first-letter</pre>

This rule selects the first line of tag name x and applies your style.
<pre>x:first-line</pre>

This rule adds specified text before an element of tag name x.
<pre>x:before</pre>

This rule adds specified text after an element of tag name x.
<pre>x:after</pre>

Example of x:before and x:after

<pre>h1.age:before {content:"Age:"}
h1.age:after {content:"years old."}

Code <h1 class="age">36</h1> displays "Age: 36 years old."</pre>

<center>[[Cascade Style Sheets|Back to Cascade Style Sheets]]</center>

Psuedo Elements and Classes - Revision history

Paul: New page: == Pseudo Classes == Classes that cause rules to be applied when a specific event happens. These classes are not attached to tags in markup. p50 === Anchor Link Pseudo Classes === Comm...