Css 如何使用@media with sass在选择器中包含和排除属性

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

.img-logo__tree_hidden {
  display: none;
}

以及我的景观SCS的一部分：

.img-logo__tree_hidden {
  visibility: hidden;
}

我尝试将这些SCS重构为一个SCS，得到了以下结果：

.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;
}

---

我赢了这个麻烦。在萨斯梅斯特一切都很好。但在我的SCS中，这并不好。 我刚刚添加了另一个@media：

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

---

这就是工作。

我赢了这个麻烦。在萨斯梅斯特一切都很好。但在我的SCS中，这并不好。 我刚刚添加了另一个@media：

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

---

这是可行的。

我在sassmeister.com上试用了你的代码，结果与你在这里给出的不一样。这是意料之中的事。我也是，与sassmeister.com上的@Harry相同，它的工作方式类似于charm@Harry是对的，我想真正的问题是你仍然应用了

none

，因为这是一般的样式，所以即使媒体的条件为真，元素仍然是

none

，我在sassmeister.com上尝试了你的代码，输出与你的不一样给这里。我也是，就像sassmeister.com上的@Harry一样，它就像一个charm@Harry是的，我想真正的问题是你仍然应用了

none

，因为这是一般的样式，所以即使媒体的条件为真，元素仍然是

none