Here's a great tip courtesy of Trenton Moss's Ten CSS tricks you may not know. I certainly didn't know it, but it's quite possible everyone else does and this post is going to make me look like an idiot. I can take it.
How many times have you ended up doing something like this?
HTML:
-
<style type="text/css">
-
.required, . requiredError { font-weight: bold }
-
.error, . requiredError {background: red }
-
</style>
-
...
-
<input class="required" type="text" name="foo" value="something" />
-
<input class="error" type="text" name="bar" value="invalid" />
-
<input class="requiredError" type="text" name="wibble" value="also invalid" />
Did you know that you can specify multiple classes on one element, just by separating them with spaces?
HTML:
-
<style type="text/css">
-
.required { font-weight: bold }
-
.error {background: red }
-
</style>
-
...
-
<input class="required" type="text" name="foo" value="something" />
-
<input class="error" type="text" name="bar" value="invalid" />
-
<input class="required error" type="text" name="wibble" value="also invalid" />