title: Problems with first-child and last-child CSS selectors
body: <p>I'm using CSS to target a specific element in the following code. The element I want to target is the last element in the first div (<code>.1g07</code>). I need to do this without referring to <code>.1g07</code> as the class name is dynamic.</p>
  
  <p>Here is the CSS I use:</p>
  
  <pre><code>[data-sigil="reactions-bling-bar"]:first-child:last-child
  </code></pre>
  
  <p>And the HTML:</p>
  
  <pre><code>&lt;a href="#" data-sigil="feed-ufi-trigger"&gt;
      &lt;div class="_rnk _2eo- _1e6" id="u_1_k" data-sigil="reactions-bling-bar"&gt;
      &lt;div class="_1g07"&gt;
          &lt;div class="_1g05" style="z-index:3"&gt;
              &lt;i class="img sp_I5ooBdwh_8A sx_9a2202"&gt;&lt;/i&gt;
          &lt;/div&gt;
          &lt;div class="_1g05" style="z-index:2"&gt;
              &lt;i class="img sp_I5ooBdwh_8A sx_1f77a0"&gt;&lt;/i&gt;
          &lt;/div&gt;
          &lt;div class="_1g05" style="z-index:1"&gt;
              &lt;i class="img sp_I5ooBdwh_8A sx_fbc017"&gt;&lt;/i&gt;
          &lt;/div&gt;
          &lt;div class="_1g06"&gt;48&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="_1j-b"&gt;&lt;span class="_1j-c"&gt;12 comments&lt;/span&gt;&lt;/div&gt; 
      &lt;/div&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>It's not targetting this element though (in this case the element that contains the number <code>48</code>).</p>
  
  <p>Any ideas on where I am going wrong?</p>