title: 2 elements with same CSS, modify the first one only
body: <pre><code>&lt;header class="entry-header"&gt;
     &lt;div class="entry-header-inner"&gt;
         &lt;h1 class="entry-title"&gt;TITLE 1&lt;/h1&gt;
     &lt;/div&gt;
  &lt;/header&gt;
  </code></pre>
  
  <p>elsewhere on the page:</p>
  
  <pre><code>&lt;header class="entry-header"&gt;
     &lt;div class="entry-header-inner"&gt;
         &lt;h2 class="entry-title"&gt;TITLE 2&lt;/h2&gt;
     &lt;/div&gt;
  &lt;/header&gt;
  </code></pre>
  
  <p>I want to affect TITLE 1 with css, without affecting TITLE 2.
  This is a generated code, I can't add ID. Also I didn't find suitable parent for TITLE 1.</p>
  
  <p>How should I do it? Possibly without javascript or Jquery. With it if not possible.</p>