title: Is is possible to target last element inside a class div? CSS
body: <p>I understand that I can target the last element if they are using the same class or they are the same element. But the way I am building is user will put in whatever element inside the  (please see attached example). Just wondering is it still possible to call out by CSS? or that will be something cannot be done by CSS?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.header p:last-of-type{
    color: red;
   }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="header"&gt;
    &lt;h1&gt;I am numbe one&lt;/h1&gt;
    &lt;h3&gt;number two&lt;/h3&gt;
    &lt;p&gt;something&lt;/p&gt;
    &lt;p&gt;something&lt;/p&gt;
    &lt;button&gt;last one - red&lt;/button&gt;
  &lt;/div&gt;
  
  &lt;div class="header"&gt;
    &lt;h1&gt;I am numbe one&lt;/h1&gt;
    &lt;h3&gt;number two&lt;/h3&gt;
    &lt;p&gt;last one - red&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div class="header"&gt;
    &lt;p&gt;number 1&lt;/p&gt;
    &lt;h1&gt;something&lt;/h1&gt;
    &lt;h3&gt;last one - red&lt;/h3&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>