如何选择具有完全一个类名的元素？

Question

所以我有，

<ul>

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

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

</ul>

如果我$('.foo').css('font-size','x-large');

这将使用大字体更改两个li元素。我怎么能选择只用“foo”而不是“bar”的班级？

谢谢！

Answer 1

我猜你可以使用以下属性选择器：

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

这是一个JSFiddle。 ）

Answer 2

这应该有效：

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