¿pueden los elementos de estilo CSS basados ​​en múltiples clases?

¿La selección de elementos basados ​​en múltiples clases puede ser útil para diseñar diseños de páginas complejas. Sin usar JavaScript, puede lograr esto encadenando selectores CSS sin espacios entre ellos.

, por ejemplo, para aplicar una regla de estilo a una etiqueta LI que tenga las clases .left y .ui-class-selector:

li.left.ui-class-selector {
    /* style here */
}

Esta regla de CSS solo coincidirá y estilo elementos que tienen ambas clases .ui-classselector se aplican.

aquí hay otro ejemplo de un selector CSS más complejo:

div.container .item.active.hovered {
    /* style here */
}

Esta regla solo coincidirá y estilo elementos que tienen las siguientes clases:

• . Container
• . Item
• . Active
]. La regla solo coincidirá con elementos que tienen las clases aplicadas en el orden especificado.