title: CSS: h1, h2, h3 Multiple Selectors + separate h2 ...Order Matters?
body: <p>So here's the problem I have. I wanted to be efficient and set all of my header tags to be the same font-family. So I used the code below. However it only appears to work when the multiple selector code is AFTER the single h2 code.</p>
  
  <p>If i place the multi-selector code BEFORE the h2 code then it ignores it completely. Any thoughts as to what I am missing? Here's a link to the test page:</p>
  
  <p><a href="http://www.jasonkoprowski.com/test/JK_Test.html" rel="nofollow">http://www.jasonkoprowski.com/test/JK_Test.html</a></p>
  
  <p>I want the header to display using 'Crimson Text' font but seems to be defaulting to 'Times New Roman' (not even sure where it's getting this from actually. It works find when i put the h1, h2, h3, h4, h5 code after but not before.  I guess I could just put it after the h2 tag code and be done with it but I want to make sure that I understand the root cause of the issue:</p>
  
  <pre><code>h1, h2, h3, h4, h5 { 
     font-family:"Crimson Text", "Lucida Sans Unicode","Times New Roman", serif;
  }
  
  
  h2 {
    color:#232323;
    font-style:normal;
    font-weight:500;
    letter-spacing:-1px;
    line-height:1.1em;
    margin:30px 0;
    text-align:center;
    font-size:42px;
  } 
  </code></pre>
  
  <p>To add even more to my confusion, when I added the code to Code Pen (<a href="http://codepen.io/anon/pen/EDpJg" rel="nofollow">http://codepen.io/anon/pen/EDpJg</a>) it looks to be rendering correctly...so something wrong on my site?</p>
  
  <p>Any help you can offer would be greatly appreciated.</p>
  
  <p>Thank you,</p>
  
  <p>Koprowski</p>