In your html snippet you've got an anchor tag with a class called linkmaroonsm. I assume this means that anything with that class will be rendered with a rule that looks like this: 

.linkmaroonsm {
 font-size: small;
 color: maroon;
}

[download]

I think you are missing the point of stylesheets. You should be applying classes that describe what something is, not how it should look. If it makes you feel any better, this is a common mistake. I did it when I first started using stylesheets too.

Instead of using classes like biggreenblink you should use names like annoying. That way if you decide that you want your annoying blinking green text to be pink instead, you don't need to change your class name.

In the case of linkmaroonsm you might want to use something like: 

A.details {
  font-size: small;
  color: maroon;
}

[download]

Sorry for the off-topic post, but I see this sort of mistake all too frequently. When used properly, CSS makes life much easier. If you fall into the trap of naming your classes for how they look, you may as well be using font tags. I hope you found this useful.


TGI says moo

In reply to OT: CSS Police by TGI
in thread javascript, perl, and single quotes by jcpunk

Title:
Use:  <p> text here (a paragraph) </p>
and:  <code> code here </code>
to format your post, it's "PerlMonks-approved HTML":


  • Posts are HTML formatted. Put <p> </p> tags around your paragraphs. Put <code> </code> tags around your code and data!
  • Titles consisting of a single word are discouraged, and in most cases are disallowed outright.
  • Read Where should I post X? if you're not absolutely sure you're posting in the right place.
  • Please read these before you post! —
  • Posts may use any of the Perl Monks Approved HTML tags:
    a, abbr, b, big, blockquote, br, caption, center, col, colgroup, dd, del, details, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, ins, li, ol, p, pre, readmore, small, span, spoiler, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, wbr
  • You may need to use entities for some characters, as follows. (Exception: Within code tags, you can put the characters literally.)
            For:     Use:
    & &amp;
    < &lt;
    > &gt;
    [ &#91;
    ] &#93;
  • Link using PerlMonks shortcuts! What shortcuts can I use for linking?
  • See Writeup Formatting Tips and other pages linked from there for more info.