父代父选择器嵌套在手写笔中

Question

当它嵌套在伪选择器中时，我试图在手写笔中获取父选择器。因此，虽然我可以&-image在第一个嵌套中进行操作，但似乎无法在&:hover

.post-news
  &-image
    display: none
  &:hover
    &-image // this isn't working
      display: block

我了解为什么它不起作用，因为&不再引用.post-news。我尝试了http://stylus-lang.com/docs/selectors.html此处列出的选择器，例如：

../-image
/-image
^[0]-image

但是到目前为止，我无法使它工作。我不确定我需要哪一个。我想念什么？

Answer 1

根据我的理解，您正在寻找的最终选择器.post-news:hover .post-news-image是正确的，您可以像下面的代码片段中那样进行操作。

.post-news
  &-image
    display: none
  &:hover
    & ^[0]-image
      display: block

当涉及到手写笔，我是初学者自己，但按我的理解的原因^[0]-image，并../-image没有按预期工作，是因为手写笔编译器会将它们视为某种向上命令一招一个级别的，所以它实际上成为同作为&-image直接在下面的.post-news。因此，没有发生常规的嵌套行为（即，要.post-news:hover在嵌套选择器前面添加的行为）。&显式添加似乎可以解决此问题。