title: Using SASS to extend selectors with elements
body: <p>I'm working on an SCSS stylesheet, and I have a rule that looks something like this:</p>
  
  <pre><code>.footer-link-row {
      color: red;
      ul&amp; {
          padding: 0;
      }
  }
  </code></pre>
  
  <p>I want the <code>ul&amp;</code> line compile to the selector <code>ul.footer-link-row</code>. However, this selector returns a compiler error, and using a <code>&amp;ul</code> compiles to <code>.footer-link-row ul</code>. What's the correct way to select something like this?</p>
  
  <p>--Added--<br>
  To clarify, the eventual CSS I want out of this is:</p>
  
  <pre><code>.footer-link-row {
      color: red;
  }
  ul.footer-link-row {
      padding: 0;
  }
  </code></pre>