title: Sass get parent or parent child
body: <p>There's a better way to do this?<br></p>
  
  <pre><code>.element{
      &amp;-modifier{
          color: green;
      }
  
      &amp;:hover{
          .element-modifier{
              color: red;
          }
      }
  }
  </code></pre>
  
  <p>in this case if we change class ".element" on first line<br>
  then hover will stop working
  <br><br></p>
  
  <p>i know one solution, but it does not solve the problem completely,</p>
  
  <pre><code>.element{
      $this: &amp;;
  
      &amp;-modifier{
          color: green;
      }
  
      &amp;:hover{
          #{$this}-modifier{
              color: red;
          }
      }
  }
  </code></pre>
  
  <p>in this case we need create a lot of variables ($this,$this2,$this3...)
  <br><br></p>
  
  <p>so there's a better way to get parent or parents child? <br></p>