[css] How to select an element with 2 classes

Possible Duplicate:
CSS Selector that applies to elements with two classes

i have this elements

<div class="a b"></div>
<div class="b"></div>
<div class="a"></div>

I want apply to element with class a and b the color #666. How can I do this with CSS?

This question is related to css css-selectors

The answer is


You can chain class selectors without a space between them:

.a.b {
     color: #666;
}

Note that, if it matters to you, IE6 treats .a.b as .b, so in that browser both div.a.b and div.b will have gray text. See this answer for a comparison between proper browsers and IE6.


Just chain them together:

.a.b {
  color: #666;
}