title: how do I select a div with class "A" but NOT with class "B"?
body: <p>I have some divs:</p>
  
  <pre><code>&lt;div class="A"&gt;"Target"&lt;/div&gt;
  &lt;div class="A B"&gt;"NotMyTarget"&lt;/div&gt;
  &lt;div class="A C"&gt;"NotMyTarget"&lt;/div&gt;
  &lt;div class="A D"&gt;"NotMyTarget"&lt;/div&gt;
  &lt;div class="A E"&gt;"NotMyTarget"&lt;/div&gt;
  </code></pre>
  
  <p>Is there a CSS selector that will get me the div containing <code>Target</code> but not the divs containing <code>NotMyTarget</code>?</p>
  
  <p>Solution must work on IE7, IE8, Safari, Chrome, and Firefox</p>
  
  <p>Edit: So far Nick is the closest.  It's clumsy and I don't like the solution, but at least it works:</p>
  
  <pre><code>.A
  {
     /* style that all divs will take */
  }
  div.B 
  {
    /* style that will override style .A */
  }
  </code></pre>