title: Multiple !important class declarations and precedence
body: <p>Theoretically speaking, if you had this scenario:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
      .class1 {
          color:#F00 !important;
      }
      .class2 {
          color:#00F !important;
      }
  &lt;/style&gt;
  
  &lt;p class="class2 class1"&gt;Test&lt;/p&gt;
  </code></pre>
  
  <p>Which color should take precedence? How do browsers determine precedence in this scenario?</p>