I'm trying to get the parent selector in Stylus when it is nested inside a pseudo-selector. So while I can do
&-image // this isn't working
As per my understanding, the final selector that you are looking for is
.post-news:hover .post-news-image and if that is correct, you can do it like in the below snippet.
.post-news &-image display: none &:hover & ^-image display: block
When it comes to Stylus, I am a beginner myself but as per my understanding the reason why
../-image doesn't work as expected is because the Stylus compiler treats them as some sort of a move one level up command and so it effectively becomes the same as the
&-image which is directly under
.post-news. Because of this, the normal nesting behavior (which is, for the
.post-news:hover to be added in front of the nested selector) is not happening. Adding a
& explicitly seems to address this.