Sélectionner un élément basé sur plusieurs classes

J'ai une règle de style que je veux appliquer à une balise lorsqu'elle a deux classes. Existe-t-il un moyen d'effectuer cela sans JavaScript? En d'autres termes:

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

Je veux appliquer ma règle de style uniquement si les lideux .leftet les .ui-class-selectorclasses sont appliquées.

Tu veux dire deux classes? "Enchaînez" les sélecteurs (aucun espace entre eux):

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

Cela sélectionne tous les éléments class1qui ont également class2.

Dans ton cas:

li.left.ui-class-selector {

}

Documentation officielle: sélecteurs de classe CSS2 .

Comme akamike souligne un problème avec cette méthode dans Internet Explorer 6, vous voudrez peut-être lire ceci: utiliser des classes doubles dans IE6 CSS?

Les sélecteurs de chaîne ne sont pas limités uniquement aux classes, vous pouvez le faire pour les classes et les identifiants.

Des classes

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

Identifiant de classe

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

J'ai fait

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

Tous les bons navigateurs actuels le supportent sauf IE 6, il sélectionne en fonction du dernier sélecteur de la liste. Ainsi, ".classA.classB" sera sélectionné sur la base de ".classB".

Pour votre cas

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

ou

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

Vous pouvez utiliser ces solutions:

Les règles CSS s'appliquent à toutes les balises qui ont les deux classes suivantes:

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

Les règles CSS s'appliquent à toutes les balises <li>possédant les deux classes suivantes:

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

Solution jQuery:

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

Solution Javascript:

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