title: Multiple CSS Classes: Properties Overlapping based on the order defined
body: <p>Is there a rule in CSS that determines the cascading order when multiple classes are defined on an element? (<code>class="one two"</code> vs <code>class="two one"</code>)</p>
  
  <p>Right now, there seems to be no such effect.</p>
  
  <p>Example:  both divs are orange in color on Firefox</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
     "http://www.w3.org/TR/html4/strict.dtd"&gt;
  
  &lt;html&gt;
    &lt;head&gt;
      &lt;style&gt;
        .one { border: 6px dashed green }
        .two { border: 6px dashed orange }
      &lt;/style&gt;
    &lt;/head&gt;
  
    &lt;body&gt;
  
    &lt;div class="one two"&gt;
      hello world
    &lt;/div&gt;
  
    &lt;div class="two one"&gt;
      hello world
    &lt;/div&gt;
  </code></pre>