title: scss target multiple IDs
body: <p>I wish to target classes within ID's using scss so that my compiled css is as follows:</p>
  
  <pre><code>#template1 .heroText, #template2 .heroText {
      text-align:center;
  }
  #template3 .heroText, #template4 .heroText {
      text-align:left;
  }
  </code></pre>
  
  <p>The following scss (comma separated IDs) does not appear to be working for me:</p>
  
  <pre><code>#template1, #template2{
      .heroText {
          text-align:center;
      }
  }
  #template3, #template4{
      .heroText {
          text-align:left;
      }
  }
  </code></pre>
  
  <p>Should this be working or is there a different way to target multiple IDs in scss, as all the documentation I can find related to classes not ID's</p>