title: Parent parent selector nested in stylus
body: <p>I'm trying to get the parent selector in Stylus when it is nested inside a pseudo-selector. So while I can do <code>&amp;-image</code> in the first nesting, I can't seem to get it working inside the <code>&amp;:hover</code></p>
  
  <pre><code>.post-news
    &amp;-image
      display: none
    &amp;:hover
      &amp;-image // this isn't working
        display: block
  </code></pre>
  
  <p>I understand why it is not working because the <code>&amp;</code> doesn't refer to <code>.post-news</code> anymore. I tried the selectors listed here <a href="http://stylus-lang.com/docs/selectors.html" rel="nofollow">http://stylus-lang.com/docs/selectors.html</a> such as:</p>
  
  <pre><code>../-image
  /-image
  ^[0]-image
  </code></pre>
  
  <p>But I couldn't get it working so far; I'm not sure which one I need. What am I missing?</p>