Using Classes with Pseudo-Classes

Using Classes with Pseudo-Classes

Class selectors can be combined with pseudo-classes to create links for different purposes. For example, you might want to style links depending on whether they are internal or external.

A class could be added to all external links, and then these links could be styled using a combined class and pseudo-class selector as shown in Listing 10.3. The results can be seen in Figure 10.1.

Listing 10.3. CSS Code Demonstrating Combined Class and Pseudo-Class Selectors

a:link
{
    color: blue;
}

a:visited
{
    color: purple;
}

a.external:link
{
    color: red;
    font-weight: bold;
}

a.external:visited
{
    color: black;
    font-weight: bold;
}