<html>
    <head>
      <base href="https://bugs.webkit.org/" />
    </head>
    <body>
      <p>
        <div>
            <b><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - REGRESSION: Wrong layout in http://www.heroquestclassic.com/heroes-fe-de-erratas-y-un-breve-descanso/"
   href="https://bugs.webkit.org/show_bug.cgi?id=143479#c15">Comment # 15</a>
              on <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - REGRESSION: Wrong layout in http://www.heroquestclassic.com/heroes-fe-de-erratas-y-un-breve-descanso/"
   href="https://bugs.webkit.org/show_bug.cgi?id=143479">bug 143479</a>
              from <span class="vcard"><a class="email" href="mailto:benjamin&#64;webkit.org" title="Benjamin Poulain &lt;benjamin&#64;webkit.org&gt;"> <span class="fn">Benjamin Poulain</span></a>
</span></b>
        <pre>(In reply to <a href="show_bug.cgi?id=143479#c13">comment #13</a>)
<span class="quote">&gt; I’d like to understand why this problem doesn’t happen with non-WebKit web
&gt; browsers.</span >

It is because of our support for CSS 4.

The other browsers only support CSS Selectors Level 3. In Level 3, it was only valid to use a simple selector inside :not().

In WebKit, we support almost full selector lists (:visited and :link do not match). The rule &quot;:not(.portfolio-grid li.span3)&quot; would be invalid for older browsers. For us it is equivalent to &quot;:not(.portfolio-grid &gt;&gt; li.span3)&quot; and is completely valid.</pre>
        </div>
      </p>
      <hr>
      <span>You are receiving this mail because:</span>
      
      <ul>
          <li>You are the assignee for the bug.</li>
      </ul>
    </body>
</html>