title: Hide second element with same class or id
body: <p>I have double code in WP:</p>
  
  <pre><code>&lt;div class="row top-banner"&gt;
      &lt;div class="columns"&gt;
          &lt;section id="text-12" class="widget widget_text"&gt;           &lt;div class="textwidget"&gt;&lt;img id="bannerFront" class="showRtb"  style="cursor:pointer;" src="https://www.asdasd.com/wp-content/uploads/2017/03/treat_someone-1.png" alt="treat_someone"&gt;&lt;/div&gt;
          &lt;/section&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have tried everything from WP backend and decided to use css + JavaScript to solve this. I want to only show the first top-banner. Here is the code to hide it:</p>
  
  <pre><code>.textwidget:nth-of-type(1) {
      display:none;
  }
  </code></pre>
  
  <p>When I put that code onto my WP page, both banners disappear not just second.</p>
  
  <p>How can I only hide the second banner and not the first?</p>