title: Sass combining parent using ampersand (&) with type selectors
body: <p>I am having trouble with nesting in Sass. Say I have the following HTML:</p>
  
  <pre><code>&lt;p href="#" class="item"&gt;Text&lt;/p&gt;
  &lt;p href="#" class="item"&gt;Text&lt;/p&gt;
  &lt;a href="#" class="item"&gt;Link&lt;/a&gt;
  </code></pre>
  
  <p>When I try to nest my styles in the following I get a compiling error:</p>
  
  <pre><code>.item {
      color: black;
      a&amp; {
          color:blue;
     }
  }
  </code></pre>
  
  <p>How do I reference a type selector before the parent selector when it is part of the same element?</p>