Also sprach Keith Clark:
bluetext { COLOR: blue; FONT-SIZE:16px; }
This would refer to a <bluetextelement which, of course, does not exist.
To refer to elements of the *class* named "bluetext" you must write
..bluetext { ... }
Note the preceding dot!
By the way, it is better to choose a class name that conveys some meaning
rather than describing the appearance. For example,
..warning { color: red; font-weight: bold; }
clearly says what it means - a warning -, while
..redBoldText { color: red; font-weight: bold; }
does not give any hint as to *why* this text should be red and bold.
Suppose, you use your .bluetext class and someday you decide that the blue
text should be changed to a shade of green. Then you have two problems: 1)
You may have assigned the .bluetext class to other blue things as well which
should remain blue and not be changed. 2) It would look stupid if a class
called "bluetext" produced green text. So you should first ask yourself:
What is special about that particular piece of text? Why do you want it in a
different color? What does it represent? Is it a warning? Then call the
class "warning". Is it a definition? Then call the class "definition" etc.
Greetings,
Thomas