IE8 and Below

The key to targeting Internet Explorer 8 and below, with a hack, is to append \9 to the
end of your style. For example:
view plaincopy to clipboardprint?
1. body {
2. color: red; /* all browsers, of course */
3. color : green\9; /* IE8 and below */
4. }
Its important to note that it must be \9. Unfortunately you cant replace this with
something along the lines of \IE, like I attempted to do so. Even \8 wont work; it
must be \9.

IE7 and Below

As we learned in the quick tip from January, we can use the * symbol to target IE7 and
below, like so:
view plaincopy to clipboardprint?
1. body {
2. color: red; /* all browsers, of course */
3. color : green\9; /* IE8 and below */
4. *color : yellow; /* IE7 and below */
5. }

IE6
Lastly, we have the underscore hack, which most designers are familiar with by now.
Rather than the * symbol, we use the underscore. This will target only Internet Explorer
6.
view plaincopy to clipboardprint?
1. body {
2. color: red; /* all browsers, of course */
3. color : green\9; /* IE8 and below */
4. *color : yellow; /* IE7 and below */
5. _color : orange; /* IE6 */
6. }

A Note About CSS Hacks

It's worth noting that I'm not advocating the use of hacks in your stylesheets in any way.
On the contrary, you should almost always use conditional comments. However, that
doesn't mean that it isn't helpful to know what you can technically get away with,
whether it be for debugging, or showing off to your friends!
The biggest concern is that hacks aren't future proof, at least not really. For example,
what if, with the release of Firefox 4, they, too, recognized properties prepended with
the * hack. They probably never would for compatibility reasons, however, if they did,
that could potentially ruin a portion of your layout. Ultimately, just be wise when using
hacks. If you only need to change one or two properties to make IE6 happy, then I don't
see any harm in using the underscore hack directly in your stylesheet. The world won't
end. However, if there are a handful of changes, be sure to use conditional comments!
view plaincopy to clipboardprint?
1. <!--[if lte IE 7]>
2. Make IE7 happy.
3. <![endif]-->
Thanks for reading and watching!