title: How do browsers resolve conflicting classes?
body: <p>I know it's possible to specify multiple classes on an element in HTML: </p>
  
  <pre><code>&lt;div class='one two'&gt;Text&lt;/div&gt;
  </code></pre>
  
  <p>It seems like classes are accessible from Javascript as a single string. </p>
  
  <p>What happens when the classes are specified with conflicting properties? For instance</p>
  
  <pre><code>div.one {
    background-color: red; 
    color: blue;
  }
  div.two {
    background-color: green;
  }
  </code></pre>
  
  <p>Will the result depend on the order the classes are specified in? For instance could I reasonably expect the div above to appear with blue text and a green background, because the <code>two</code> class becomes evaluated second, overwriting the <code>background-color</code> property? </p>