Selecionar elemento com base em várias classes

Eu tenho uma regra de estilo que quero aplicar a uma marca quando ela possui duas classes. Existe alguma maneira de fazer isso sem JavaScript? Em outras palavras:

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

Quero aplicar minha regra de estilo única , se o litem tanto .lefte .ui-class-selectoraulas aplicada.

Você quer dizer duas classes? "Encadeie" os seletores (sem espaços entre eles):

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

Isso seleciona todos os elementos class1que também possuem class2.

No seu caso:

li.left.ui-class-selector {

}

Documentação oficial: seletores de classe CSS2 .

Como akamike aponta um problema com esse método no Internet Explorer 6, você pode ler o seguinte: Usar classes duplas no CSS do IE6?

Os seletores de cadeia não se limitam apenas às classes, você pode fazer isso para classes e IDs.

Aulas

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

Classe e ID

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

Eu fiz

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

Todos os bons navegadores atuais suportam isso, exceto o IE 6, que seleciona com base no último seletor da lista. Portanto, ".classA.classB" será selecionado com base apenas em ".classB".

Para o seu caso

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

ou

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

Você pode usar estas soluções:

As regras CSS se aplicam a todas as tags que possuem as seguintes duas classes:

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

As regras CSS se aplicam a todas as tags que possuem as <li>seguintes duas classes:

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

solução jQuery:

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

Solução Javascript:

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