Filed In:
CSS Pseudo Properties
Pseudo classes and elements used in CSS to match on more specific portions of your Web page.
CSS Pseudo-Classes and Pseudo-Elements
CSS 2.1 introduced the idea of pseudo-classes and pseudo-elements as ways to style elements of the document that weren't explicitly defined by a position in the document tree. These pseudo-classes and -elements give designers more flexibility in how they style various parts of their web pages.
What is a CSS Pseudo-Class Selector?
A CSS pseudo-class selector names the HTML tag or XHTML elements to style.
active
The :active pseudo-class matches active links as they're clicked on.
after
The :after pseudo-element allows you to insert generated content after the element defined.
before
The :before pseudo-element allows you to insert generated content before the element defined.
first-child
The :first-child pseudo-class matches the element that is the first child of another element.
first-letter
The :first-letter pseudo-element allows you to define styles for the first letter of an element.
first-line
The :first-line pseudo-element allows you to define styles for the first line of an element.
focus
The :focus pseudo-class matches elements while they have focus.
hover
The :hover pseudo-class matches elements as you mouse over them.
lang
The :lang pseudo-class matches on the language defined in the document.
link
The :link pseudo-class matches unvisited links.
nth-child
A description of the CSS property nth-child
nth-last-child
A description of the CSS property nth-last-child
nth-last-of-type
A description of the CSS property nth-last-of-type
nth-of-type
A description of the CSS property nth-of-type
visited
The :visited pseudo-class matches visited links.