Outline

Click to view in closer detail!

Description »

Defines hyperlinks.

Details »

a is a type selector that pertains to the <a> tag in the HTML. Making any modifications to this selector will change the way that links look. This includes all links from external links to internal links to email addresses to javascript links. Since the a is a type selector, it affects all links in any block unless overridden by a particular class.

The typical standard Wikidot link is underlined and blue (specifically #00A). a in the header and other areas might differ from the standard in the Base CSS.

Links normally have a :hover set of attributes as well so that when you over over a link, it looks different. This indicates that you are ready to click on a link. The default for the hovered link is blue, underlined, and has a gray (#EEE) background.

In Wikidot, you can define internal links that go to a nonexistent location. This is defined by a.newpage. If you define this selector, then links that go nowhere like this-one will be altered. The default for the Base CSS is red (#933).

Examples »

On this site, the typical link looks like this:

• A link

Using CSS, we can change the color of the link and make it grow big when we hover over it.

a{
    color: darkgreen;
    background-color: #EFE;
}
a:hover{    font-size: 120%; }

This makes the link look like this:

• A link

You can have a little bit of fun and mess with people by "masking links" using CSS…

a{
    cursor: text;
    color: black;
    text-decoration: none;
}
a:hover{
    cursor: text;
    color: black;
    text-decoration: none;
    background-color: none;
}

Are you able to find the link in this sentence?

Try It on the CSS Zone Sandbox!

Base CSS »

/* NOTE: a is used in many other places in the Base CSS.  Only the global a is shown here. */
 
a{
    color: #00A;
}
a:hover{
    background-color: #EEE;
}
a.newpage{
    color: #933;
}