Link Underlining

This is to test how links can be underlined using CSS. I'm troubleshooting why I can't seem to turn off link underlining for heading tags using {text-decoration: none;}. All links are to this file.

This is a normal link

This link isn't specially styled and should have default link properties. These are

all states are bold and underlined (set via the <a> element only)
active = blue, hover = red, visited = dark blue

This is an `id`-styled link

This link has an id selector. The only difference is that {text-decoration: none;} is set for the <a> element.

This is a link with a border underline

Again it's selected by id, but this time {text-decoration: none; border-bottom: 1px #999 dotted;} is set for the <a> element.

This is a targetted selector link

What that is supposed to mean is I've put this block in a div with an id. Then I've selected the h2 via #link3 h2 a {} (the Zeldman "love the id" method). This link has a dashed border.

This is a variously styled link