Seleziona l'elemento in base a più classi

Ho una regola di stile che voglio applicare a un tag quando ha due classi. Esiste un modo per eseguire ciò senza JavaScript? In altre parole:

<li class='left ui-class-selector'>

Voglio applicare la mia regola di stile solo se lisono state applicate entrambe .lefte le .ui-class-selectorclassi.

Intendi due lezioni? "Incatena" i selettori (senza spazi tra loro):

.class1.class2 {
    /* style here */
}

Questo seleziona tutti gli elementi class1che hanno anche class2.

Nel tuo caso:

li.left.ui-class-selector {

}

Documentazione ufficiale: selettori di classe CSS2 .

Come Akamike evidenzia un problema con questo metodo in Internet Explorer 6, potresti voler leggere questo: Usa le doppie classi in IE6 CSS?

I selettori di catena non si limitano solo alle classi, puoi farlo sia per le classi che per gli ID.

Classi

.classA.classB {
/*style here*/
}

ID della classe

.classA#idB {
/*style here*/
}

L'ho fatto

#idA#idB {
/*style here*/
}

Tutti i buoni browser attuali supportano questo tranne IE 6, che seleziona in base all'ultimo selettore nell'elenco. Quindi ".classA.classB" selezionerà in base solo a ".classB".

Per il tuo caso

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

o

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

Puoi usare queste soluzioni:

Le regole CSS si applicano a tutti i tag che hanno le seguenti due classi:

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

Le regole CSS si applicano a tutti i tag che hanno <li>con le seguenti due classi:

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

soluzione jQuery:

$("li.left.ui-class-selector").css("color", "red");

Soluzione Javascript:

document.querySelector("li.left.ui-class-selector").style.color = "red";