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规则的强大工具。在发布此问题后重新阅读文档,找到了答案