title: Why is this SCSS selector not working
body: <p>I have this HTML:</p>
  
  <pre><code>&lt;div class="holder"&gt;
     &lt;span class="holder__title"&gt;TITLE ONE&lt;/span&gt;
  &lt;/div&gt;
  &lt;div class="holder"&gt;
     &lt;span class="holder__title"&gt;TITLE TWO&lt;/span&gt;
  &lt;/div&gt;
  &lt;div class="holder"&gt;
     &lt;span class="holder__title"&gt;TITLE THREE&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now, I want to modify <code>TITLE TWO</code> and <code>TITLE THREE</code> <code>spans</code> only and leave the first as it is, but I cannot get it to work. This is what I have tried:</p>
  
  <pre><code>.holder {
     &amp;:not(:first-child) {
        &amp;__title {
          display:none; // just to test
       }
    }
  }
  </code></pre>
  
  <p>and</p>
  
  <pre><code>.holder {
    &amp;:nth-child(n+2):nth-child(-n+3) {
  
      &amp;__title {
        display:none; // just to test
      }
    }
  }
  </code></pre>
  
  <p>It works ok in developer tools, but when I enter it in <code>.scss</code> file and compile nothings happens. Like selectors do not even get targeted.</p>
  
  <p>How can I resolve this please?</p>
  
  <p>Thank you.</p>