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

Question

我有两个css:横向和纵向。我的部分肖像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

我战胜了这场麻烦。在萨斯迈斯特，一切都很好。但在我的SCSS中，不太好。我刚刚添加了另一个@media:

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