<p>is there any way to make IE6 understand double classes,
say I have a class MenuButton with a color class and possibly a clicked class;
like :</p>

<pre><code>.LeftContent a.MenuButton {..general rules..}  
.LeftContent a.MenuButton.Orange {..sets background-image..}  
.LeftContent a.MenuButton.Clicked {...hum ta dum...}
</code></pre>

<p>Now, IE6 understands <code>&lt;a class="MenuButton Orange"&gt;</code>, but when adding
Clicked, like <code>&lt;a class="MenuButton Orange Clicked"&gt;</code>, IE just ignores the
Clicked rule.</p>

<p>Of course, I could rewrite my CSS, and have own rules for .MenuButtonOrange<br>
and such (and it'd probably taken a lot shorter time than asking this question ;-),<br>
but golly, it just so unappealing and Web 0.9...</p>

<p>Cheers!</p>

IE6 doesn't support multiple class selectors. The reason you see a change with the
```
Orange
```
class is because
```
a.MenuButton.Orange
```
is interpreted by IE6 as
```
a.Orange
```
.
I recommend structuring your markup in such a way that you can work around this:
```
```
<div class="leftcontent">
   <ul class="navmenu">
     <li><a class="menubutton orange" href="#">One</a></li>
     <li><a class="menubutton orange clicked" href="#">Two</a></li>
   </ul>
</div>
```
```
By grouping by a more specific ancestor you can create variation with classes scoped by that ancestor (in this example
```
navmenu
```
):
```
```
.leftcontent .navmenu a { /* ... basic styles ... */ }
.leftcontent .navmenu a.orange { /* ... extra orange ... */ }
.leftcontent .navmenu a.clicked { /* ... bold text ... */ }
```
```
It's not as good as multiple classes, but I've used it to work around the lack of support in IE.