DSGN53871
WEB DESIGN 1

Pseudo Elements in Cascading Stylesheets

There are four "class" properties that are designated as a special "pseudo-elements".

Pseudo elememnts are denoted with a colon in front as opposed to a period (.) in class declarations. These classes are link, visited, active and hover.

:before - Inserts something before an element.

:after - Inserts something after an element.

:first-letter - The first letter of a block element.

:first-line - The first line of a block element.

An example of these psuedo-classes in noted below:

:before {color: #cccccc; text-decoration: none;}
:after {color: #666666; text-decoration: none;}
:first-letter {color: #ccc666; text-decoration: none;}
:first-line {text-decoration: underline; }



<< Back


Interactive Multimedia ~ School of Applied Engineering and Computing Sciences ~ Sheridan