Cómo seleccionar un elemento con 2 clases [duplicar]

Question

Cómo seleccionar un elemento con 2 clases [duplicar]

Posible Duplicado:
Selector CSS que se aplica a elementos con dos clases

Tengo estos elementos

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

Quiero aplicar al elemento con clase a y b el color #666. ¿Cómo puedo hacer esto con CSS?

141

css css-selectors class

Author: TylerH, 2011-02-25

Source

2 answers

Simplemente encadénalos:

.a.b {
  color: #666;
}

19

Author: htanata,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2011-02-25 10:50:37

score 239 · Accepted Answer

Puede encadenar selectores de clase sin un espacio entre ellos:

.a.b {
     color: #666;
}

Tenga en cuenta que, si le importa, IE6 trata a .a.b como .b, por lo que en ese navegador tanto div.a.b como div.b tendrán texto gris. Ver esta respuesta para una comparación entre los navegadores adecuados y IE6.