title: Is there a way I can specify the second <span> inside an element?
body: <p>I have:</p>
  
  <pre><code>&lt;label for="modalProblemLocator"&gt;
     &lt;span&gt;Locator&lt;/span&gt;
     &lt;span&gt;xxx&lt;/span&gt;
  &lt;/label&gt;
  
  &lt;label for="modalProblemLocator"&gt;
     &lt;span&gt;Locator&lt;/span&gt;
  &lt;/label&gt;
  </code></pre>
  
  <p>If there are two <code>&lt;span&gt;</code> elements inside I would like the second to be red. Is there a way I can specify a selector for the 2nd <code>&lt;span&gt;</code> only?</p>
  
  <p>What I tried was:</p>
  
  <pre><code>.inputWithLabel {
      &amp; &gt; label span:last-child {
          color: @alertColor;
      }
  }
  </code></pre>
  
  <p>But this does not work if there is just one <code>&lt;span&gt;</code>, as then the first and only <code>&lt;span&gt;</code> will also be the last.</p>