title: SASS / SCSS @extend rule selectors
body: <p>I'm having a little problem with the @extend rule, this is what I got (focus on the h1):</p>
  
  <pre><code>.content-header {
      // CSS properties
      h1 {
          // CSS properties
      }
  }
  
  .box-header {
      // CSS properties
      h1 {
          @extend .content-header h1; // My selector problem!
          // And his own CSS properties
      }
  }
  </code></pre>
  
  <p>So it will be:</p>
  
  <pre><code>.content-header h1, .box-header h1 {
      /* Happily sharing the same CSS properties */
  }
  </code></pre>
  
  <p>But it seems like <code>@extend</code> don't like that, is any other way to write this without giving the <code>h1</code> a class??</p>