Selector CSS “y” – ¿Puedo seleccionar elementos que tienen múltiples clases?

Estoy tratando de seleccionar todos los elementos que tienen tanto tags .checked y .featured . Entonces, básicamente, lo que estoy buscando es un selector “y”; No sé si hay uno o no.

¿Hay alguna solución para casos como este?

Usas ambos ( sin espacio entre ellos )

 .checked.featured{ // ... } 

Referencia: http://www.w3.org/TR/selectors/#class-html


Ejemplo

 div{margin:1em;padding:1em;} .checked{color:green;} .featured{border:1px solid #ddd;} .checked.featured{ font-weight:bold; } 
 
element with checked class

Simplemente puede “unirse” a dos clases como esa: .checked.featured

Para express Y simplemente concatenas tus clases .checked.featured que no se pueden confundir con el popular .checked .featured que es el selector descendente.

Echa un vistazo a la Documentación oficial