如何在指南针中添加 !important 到 @include opacity(1)答案

【问题标题】：How to add !important to @include opacity(1) in compass如何在指南针中添加 !important 到 @include opacity(1)
【发布时间】：2013-06-09 12:44:28
【问题描述】：

我正在使用指南针。有什么方法可以将 !important 添加到 @include opacity(1)？

谢谢！

【问题讨论】：

标签： sass compass-sass

【解决方案1】：

是的。您可以使用 @if 和 @else

=opacity($opacity, $important: no)
    @if $important == isImportant
        opacity: $opacity !important
        $opacity-ie: $opacity * 100
        filter: alpha(opacity=$opacity-ie) !important //IE8
    @else
        opacity: $opacity
        $opacity-ie: $opacity * 100
        filter: alpha(opacity=$opacity-ie) //IE8


.some-class
    +opacity(1) // without !important

.some-class
    +opacity(1, isImportant) // with !important

如果是这样的话

【讨论】：

只是为了注意使用 SCSS 的细微语法差异，让我难过一分钟。 stackoverflow.com/questions/5456467/…

【解决方案2】：

这是SCSS语法中的相同代码，也许有人可以使用它：

@mixin opacity($opacity, $important: 0) {
  @if $important == 1 {
    opacity: $opacity !important;
    $opacity-ie: $opacity * 100;
    filter: alpha(opacity=$opacity-ie) !important; //IE8
  }
  @else {
    opacity: $opacity;
    $opacity-ie: $opacity * 100;
    filter: alpha(opacity=$opacity-ie); //IE8
  }
}

.some-class
     @include opacity(1); // without !important

.some-class
     @include opacity(1,1); // with !important

【讨论】：

【解决方案3】：

有点晚了，但这可能对外面的人有用。您可以简单地将!important 指定为属性值的一部分：

@include opacity(1 !important);

根据您的 mixin 结构，它可能并非在所有情况下都有效，但在大多数情况下应该可以。

【讨论】：