Comment sélectionner des éléments avec un nom de classe exact?

Question

donc j'ai,

<ul> 

<li class="foo"> 
abc 
</li> 

<li class="foo bar"> 
def 
</li> 

</ul> 

Si je $('.foo').css('font-size','x-large');

cela va changer les éléments li avec la grande police. Comment pourrais-je sélectionner la classe avec "foo" seulement mais pas "bar"?

Merci!

Answer 1

Vous pouvez utiliser le sélecteur d'attribut suivant, je suppose:

$('li[class=foo]'); 

est ici un JSFiddle à jouer avec.)

Answer 2

Cela devrait fonctionner:

$('.foo:first').css('font-size','x-large');