title: CSS Using :after and :last-child together
body: <p>I am trying to combine the pseudo elements :<strong>after</strong> and <strong>:last-child</strong> together but do not seem to be having any luck.</p>
  <p>I have a list of radios with labels that are 1-10. Because of the last label being 10 and a double integer the positions are wrong. Thus I am trying to access that last one only.</p>
  <p>This fiddle might make it clear what I mean:</p>
  <h1>JSFiddle: <a href="https://jsfiddle.net/L2n4m3w3/" rel="nofollow noreferrer">https://jsfiddle.net/L2n4m3w3/</a></h1>
  <p>as you can see, the last one is slightly off center</p>
  <p>Here is how I am trying to get the last element:</p>
  <pre><code>input[name='happy-score']:last-child + label:after {
      left: 0px;
  }
  </code></pre>
  <p>However this has no effect what so ever.</p>
  <p>I also tried:</p>
  <pre><code>input[name='happy-score']+ label:last-child:after {
      left: 0px;
  }
  </code></pre>
  <p>However, this seems to affect all the elements, see this fiddle: <a href="https://jsfiddle.net/0acLrna0/" rel="nofollow noreferrer">https://jsfiddle.net/0acLrna0/</a></p>