title: Sass and first element
body: <p>Now I have html:</p>
  
  <pre><code>&lt;div class="box"&gt;
     &lt;span class="title"&gt;first&lt;/span&gt;
     &lt;span&gt;second&lt;/span&gt;
     &lt;span&gt;third&lt;/span&gt;
     &lt;span&gt;fourth&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And Sass:</p>
  
  <pre><code>.box {
      background-color: gray;
      span {
         margin: 10px;
         &amp;.title {
            color: red;
         }
      }
  }
  </code></pre>
  
  <p>I would like to remove class <code>.title</code> and replace <code>&amp;.title</code> with a any selector.</p>
  
  <p>Is it possible without class in first element? I would like to in HTML simply:</p>
  
  <pre><code>&lt;div class="box"&gt;
     &lt;span&gt;first&lt;/span&gt;
     &lt;span&gt;second&lt;/span&gt;
     &lt;span&gt;third&lt;/span&gt;
     &lt;span&gt;fourth&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And first span have to has red color.</p>