title: CSS Selector that applies to elements with two classes
body: <p>Is there a way to select an element with CSS based on the value of the class attribute being set to two specific classes. For example, let's say I have 3 divs:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="foo"&gt;Hello Foo&lt;/div&gt;
  &lt;div class="foo bar"&gt;Hello World&lt;/div&gt;
  &lt;div class="bar"&gt;Hello Bar&lt;/div&gt;
  </code></pre>
  
  <p>What CSS could I write to select ONLY the second element in the list, based on the fact that it is a member of both the foo AND bar classes?</p>