Tuesday, August 30, 2011

Advanced CSS3 Tutorial 5: Pseudo Classes

CSS pseudo-classes are used to add special effects to some selectors.
Syntax

The syntax of pseudo-classes:

selector:pseudo-class {property:value;}

CSS classes can also be used with pseudo-classes:

selector.class:pseudo-class {property:value;}

Anchor Pseudo-classes

Links can be displayed in different ways in CSS supporting browsers

a:link {color:#FF0000;}
a:visited {color:#00FF00;}
a:hover {color:#FF00FF;}
a:active {color:#0000FF;}

Note: These must be in the above order. Pseudo-class names are not case-sensitive.

7 comments:

  1. another great easy to follow post, nice one

    ReplyDelete
  2. Pseudo class selectors CSS selectors with a colon preceding them, They're new to CSS3.

    ReplyDelete
  3. God with all these tutorials for free, you're gonna MAKE me learn CSS right? hahaha great blog

    ReplyDelete
  4. You make CSS very accessible, thanks.

    ReplyDelete
  5. Your tutorials are always so good. Thanks for doing this.

    ReplyDelete
  6. another great CSS tutorial :) as always

    ReplyDelete