title: How to define css selector class prefix with SASS
body: <p>Is there any posible to write this construction?</p>
  
  <pre><code>[class^="name"]{ 
     &amp;[class*="-1"]{
         padding: 10px;
     }
  }
  </code></pre>
  
  <p>To have this solution</p>
  
  <pre><code>.name-1
  </code></pre>
  
  <p>but only for this type of class prefix.</p>
  
  <p>For example if i write:</p>
  
  <pre><code>&lt;span class="name-1"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>this will be work, but when i write</p>
  
  <pre><code>&lt;span class="othervalue-1"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>there will be nothing to show.</p>