1. Computing & Technology
Filed In:
  1. CSS

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.

Discuss in my forum

©2012 About.com. All rights reserved.

A part of The New York Times Company.