Javascript 如何选择只有一个类名的元素？

所以我有

<ul>

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

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

</ul>

abc


def

如果我使用

$（'.foo'）.css（'font-size'，'x-large'）

这将更改大字体的两个li元素。我如何选择只有“foo”而没有“bar”的类

谢谢
 我想您可以使用以下属性选择器：

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

这里有一个游戏。）
 我想您可以使用以下属性选择器：

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

这里有一个游戏。）
 这应该有效：

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

这应该起作用：

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

选择只带“foo”而不带“bar”的类。
是您需要验证的唯一条件，或者可能存在其他组合？只带“foo”谢谢。raina的解决方案成功了
选择只带“foo”而不带“bar”的类
是您需要验证的唯一条件，或者可能存在其他组合？只带“foo”谢谢。雷娜的解决方案奏效了。你也可以只否定一些：
$（.foo”）。不（.bar）
或
$（.foo:not（.bar）
你也可以只否定一些：
$（.foo”）。不（.bar）
或
$（.foo:not（.bar）