A strange name for a useful concept. The most common pseudoclass makes HTML links change appearance when the mouse hovers over them:
a:hover {
color:red;
}
Place that in a new or existing page's HEAD section as an embedded style. In the BODY create a link (or two). Hover the mouse over it.
Originally, pseudo-classes were supposed to be for links but they may work for other elements. They are always structured with the type selector first and then a colon and then one pseudoclass from this list:
- visited - links which have already been used
- hover - when the link has the mouse cursor over it
- focus - the same as hover but for navigating using a keyboard (could be useful for INPUT elements in forms)
- active - after click (only really useful for menu links within pages)
- first-child - any element which is the first child element (e.g. could be used to make all first paragraphs after headings bold)First-child example
- lang - used to change display based on language
