Выбрать элемент на основе нескольких classов

Вы имеете в виду два classа? «Цепочка» селекторов (между ними нет пробелов):

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

Это выбирает все элементы с class2 class1 которые также имеют class2 .

В твоем случае:

 li.left.ui-class-selector { } 

Официальная документация: селектор classов CSS2 .

Поскольку akamike указывает на проблему с этим методом в Internet Explorer 6, вы можете прочитать следующее: Использовать двойные classы в CSS IE6?

Селекторы цепей не ограничены только classами, вы можете сделать это для обоих classов и идентификаторов.

Классы

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

ID classа

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

Я сделал

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

Все хорошие текущие браузеры поддерживают это, кроме IE 6, он выбирает на основе последнего селектора в списке. Таким образом, «.classA.classB» будет выбирать на основе только «.classB».

Для вашего случая

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

или

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

Вы можете использовать эти решения:

Правила CSS применяются ко всем тэгам, которые имеют следующие два classа:

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

Правила CSS применяются ко всем тэгам, которые имеют

со следующими двумя classами:

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

Решение jQuery:

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

Решение для Javascript:

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