DotNetNuke DNN Hosting

General Classes

a:link

The styling for links. In particular this will style any links you create within the Text / HTML module.

The font colour for the links
A:link
{
    text-decoration:    none;
    color:  #003366;
}

a:link examples

Changes the colour if you have visited the link
A:visited   
{
    text-decoration:    none;
    color:  purple;
}


Changes the colour when you click the link
A:active    
{
    text-decoration:    none;
    color:  #003366;
}


Changes the colour whenever you hover over a link
A:hover
{
    text-decoration:    underline;
    color:  red;
}


Note: The link classes need to be defined in the following order for the hover and active states to work correctly: link, visited, hover, active. One way to remember this is the mnemonic: ‘LoVe Hate’

The default.css file currently places the link classes in this order: link, visited, active, hover so the active state does not work. You need to edit the order within the default.css file for the active state to work. (In most websites though you would specify the same settings for active and hover).