How to select elements with exact one class name?
<p>so I have,</p>

<pre><code>&lt;ul&gt;

&lt;li class="foo"&gt;
abc
&lt;/li&gt;

&lt;li class="foo bar"&gt;
def
&lt;/li&gt;

&lt;/ul&gt;
</code></pre>

<p>If I do <code>$('.foo').css('font-size','x-large');</code></p>

<p>this will change both li elements with the large font. How could I select the class with "foo" only but not "bar"?</p>

<p>Thanks!</p>
