Css 在SASS中,我可以在媒体查询和选择器中包装一组样式规则吗

Css 在SASS中,我可以在媒体查询和选择器中包装一组样式规则吗,css,sass,media-queries,mixins,Css,Sass,Media Queries,Mixins,我有一系列的风格,只需要应用到我的网站的桌面版本。我使用媒体查询来应用这些样式,但是为了避免在调整窗口大小时网站切换到移动设计,如果屏幕较大,我现在还添加了一个页面加载类 目前我有 @media (min-width: $breakpoint) { // my styles } 我该如何编写一个mixin来实现以下目标 @media (min-width: $breakpoint), .not-mobile { // my styles } 这是我的解决办法 $breakpoin

我有一系列的风格,只需要应用到我的网站的桌面版本。我使用媒体查询来应用这些样式,但是为了避免在调整窗口大小时网站切换到移动设计,如果屏幕较大,我现在还添加了一个页面加载类

目前我有

@media (min-width: $breakpoint) {
   // my styles
}
我该如何编写一个mixin来实现以下目标

@media (min-width: $breakpoint),
.not-mobile {
   // my styles
}
这是我的解决办法

$breakpoint: 768px;

@mixin not-mobile {
  @media (min-width: $breakpoint) {
    @content;
  }
  .not-mobile {
    @content;
  }
}

你应该查一下分机的。这些都是设计用于输出条件css规则的强大工具。

在发布此问题后重新阅读文档,找到了答案