Using pseudo-classes along with an element allows you to select a special state for that element for specific targeting.


a:hover {text-decoration:none;background-color:#FFF673 }
td:first-child {font-weight: bold;}

The first example will look for all <a> tags while the visitor has the cursor over that element and remove the default underline for a hover state but add a yellow highlighted background. The second example will look for the <td> tags in a table, but style only the first one in a <tr>  row of a table. The result will be that the first column of the table will have a bold font-weight.

The Pseudo Classes





Not all pseudo-classes are recognized by all browsers, especially older browser versions.