The style sheet is located at http://grandlakeguardian.org/force-decoration-text.css.
In each of the following pairs of paragraphs, the first -a- link does not have a class assigned. The second -a- link has the class "force-link-decoration". And this "force-link-decoration" specifies that "a" links should be decorated with underline:
a.force-link-decoration {text-decoration: underline; }
The following two paragraphs are examples of how this force-link-decoration style assignment properly works. In this case the desired decoration on the second link does occur:
The following is a link that I want to be, by default, undecorated:
Don't decorate me!
The following is a link that I want, by addition of a class to the a tag, decorated:
Decorate me!
The following two paragraphs are inside a div defined to have undecorated links in the following way:
div.column-content a {color: #ff0080; text-decoration: none;}
Note how the second link ("Decorate me") is not decorated.
The following is a link that I want to be, by default, undecorated:
Don't decorate me!
The following is a link that I want, by addition of a class to the a tag, decorated:
Decorate me!
Note, that in the style sheet, the definition of ".force-link-decoration" appears after the definition of "div.column-content".
So my question is: Why does the "text-decoration:none" in "div.column-content" seem to trump the "text-decoration: underline" in the later-appearing ".force-link-decoration"???