title: CSS Specificity - external style sheet vs internal style sheet using just classes
body: <p>I have two CSS classes on one HTML element: <code>.c-headline-1</code> and <code>.c-hero__headline</code>. In my external style sheet, I'm using <code>.c-headline-1</code> and in an internal style sheet (<code>&lt;style type=&quot;text/css&quot;&gt;</code>) I'm using <code>.hero__headline</code>, but for some reason the <code>.c-headline-1</code> property values are overwriting some of <code>.hero__headline</code>'s property values. For example, if both have a font size declaration,  <code>.c-headline-1</code> is behaving as if it has higher specificity since it's overwriting <code>.c-hero__headline</code>'s font size.</p>
  <p>I thought internal style sheets had higher specificity than external style sheets or no?</p>