如何使用带@ss

Question

我有两个SCSS：横向和纵向。 我的肖像SCSS的一部分：

.img-logo__tree_hidden {
  display: none;
}

我的部分景观SCSS：

.img-logo__tree_hidden {
  visibility: hidden;
}

我尝试将这些SCSS重构为一个SCSS并得到了这个：

.img-logo__tree_hidden {
  display: none;
  @media all and (orientation: landscape) {
    visibility: hidden;
  }
}

但结果CSS是：

.img-logo__tree_hidden {
  display: none;
  visibility: hidden;
}

那么，我需要做些什么来使用@media：

在横向方向上生成这个CSS

.img-logo__tree_hidden {
  visibility: hidden;
}

Answer 1

我赢了这个麻烦。在sassmeister，一切都很好。但在我的SCSS中不行。 我只是添加了另一个@media：

@media all and (orientation:portrait) {
  .img-logo__tree_hidden {
    display: none;
  }
}

这是工作。