4

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

谢谢！

4

3 回答 3

5

是的。您可以使用@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

如果这是你的想法

于 2013-06-13T13:03:15.603 回答
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
于 2016-05-21T22:59:12.887 回答
0

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

@include opacity(1 !important);

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

于 2019-04-08T17:36:54.253 回答