Css 从Less到Sass对选择器进行保护

Css 从Less到Sass对选择器进行保护,css,sass,less,Css,Sass,Less,我正在从Less切换到Sass,我想知道我如何做到以下几点 在更少的情况下,我可以向规则集添加一个保护,这样它只有在我将has-badge变量设置为enabled时才会编译(它不是从别处调用的mixin,而是一个自包含的块) 您可以在SASS中简单地使用if/else语句,并将字符串与以下示例中的值进行比较: .badge { @if $has-badge == "enabled" { display: inline-block; border-radius: $badg

我正在从Less切换到Sass,我想知道我如何做到以下几点

在更少的情况下,我可以向规则集添加一个保护,这样它只有在我将has-badge变量设置为enabled时才会编译(它不是从别处调用的mixin,而是一个自包含的块)


您可以在SASS中简单地使用if/else语句,并将字符串与以下示例中的值进行比较:

.badge {
    @if $has-badge == "enabled" {
        display: inline-block; border-radius: $badge-radius; padding: $badge-padding; min-width: 1em; text-align: center; font-size: $badge-font-size; line-height: 1em;
    }
}

您可以在SASS中简单地使用if/else语句,并将字符串与以下示例中的值进行比较:

.badge {
    @if $has-badge == "enabled" {
        display: inline-block; border-radius: $badge-radius; padding: $badge-padding; min-width: 1em; text-align: center; font-size: $badge-font-size; line-height: 1em;
    }
}

太好了,谢谢。我现在有大约一百张要手工兑换的。好吧,好吧。。玩得高兴太好了,谢谢。我现在有大约一百张要手工兑换的。好吧,好吧。。玩得高兴这不是一个代码转换服务,你尝试过什么吗?我确实尝试过,但是Sass和Less使用了完全不同的术语。你在哪里尝试过?因为看起来您发布的代码更少,希望有人能为您转换代码。Sass文档实际上只有一页长。如果您了解LESS中的卫士是什么,那么如果您阅读了文档,您应该可以毫不费力地找出Sass中的哪些结构具有可比性。对于本网站上的许多问题,您可以说同样的话。因此,这不是代码转换服务,您尝试过什么吗,有什么吗?我确实有,但是Sass和Less使用了完全不同的术语。你在哪里试过?因为看起来您发布的代码更少,希望有人能为您转换代码。Sass文档实际上只有一页长。如果您了解LESS中的卫士是什么,那么如果您阅读了文档,您应该可以毫不费力地找出Sass中的哪些结构是可比较的。您可以在这个网站上对许多问题说同样的话。