title: CSS3 :not negation pseudo-class not fully supported by Firefox?
body: <p>I'm trying to use the CSS3 :not pseudo class as defined in the specification. According to the <a href="http://www.w3.org/TR/css3-selectors/#negation" rel="noreferrer">spec</a>:</p>
  
  <blockquote>
    <p>The negation pseudo-class, :not(X), is
    a functional notation taking a simple
    selector (excluding the negation
    pseudo-class itself) as an argument.
    It represents an element that is not
    represented by its argument</p>
  </blockquote>
  
  <p>So I would expect to be able to do something like this:</p>
  
  <pre><code>p:not(.class1, .class2)
  </code></pre>
  
  <p>But it does not seem to work in Safari or Firefox, which are supposed to have FULL support for this selector.</p>
  
  <p>It does work when the argument is a single selector, for example:</p>
  
  <p>Here is an example showing the issue: <a href="http://jsfiddle.net/Xr2Ap/" rel="noreferrer">jsFiddle Example</a></p>
  
  <pre><code>p:not(.class1)
  </code></pre>
  
  <p>According to <a href="http://kilianvalkhof.com/2008/css-xhtml/the-css3-not-selector/" rel="noreferrer">this</a> blog post, this author suggests that you should be able to specify multiple selectors as the argument.</p>
  
  <p>Also according to this <a href="http://reference.sitepoint.com/css/pseudoclass-not" rel="noreferrer">CSS3 SitePoint Reference</a>, Firefox, Safari and Chrome have FULL support for the :not selector.</p>
  
  <p>Am I misinterpreting the specification or do browsers actually only have partial support for this selector?</p>