如何使用 SASS 或 CSS3 将 !important 放在所有 CSS 属性中？答案

【问题标题】：How to put !important in all CSS properties using SASS or CSS3?如何使用 SASS 或 CSS3 将 !important 放在所有 CSS 属性中？
【发布时间】：2014-11-25 04:14:09
【问题描述】：

我正在使用 BootStrap @include ipad 的属性以及 SASS 来定义 Ipad 的各种样式。

我想知道是否有办法为任何类中的所有属性创建一些变量或更高级的东西（或其他任何东西）！重要吗？

例子：

p {
   white-space: normal;
   height: auto;
    @include ipad {
     width: 280px !important;
     overflow: hidden !important;
     text-overflow: ellipsis !important;
     white-space: nowrap !important;
     }
}

当CSS被SASS编译时，它会自动!important在所有属性中的位置吗？

谢谢！

【问题讨论】：

如果您经常使用!important，您可能应该重新考虑如何指定选择器。
是的，我知道，但我想知道是否有办法做到这一点！

标签： css twitter-bootstrap ipad sass

【解决方案1】：

没有。 Sass 没有将!important 标志应用于任何给定选择器的规则的编程方式。

您可以做的唯一一件事就是增加相关选择器的特异性。

p {
   white-space: normal;
   height: auto;
   @include ipad {
        body & {
            width: 280px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }
}

【讨论】：