首页 文章

如何使用SASS或CSS3在所有CSS属性中放置!important?

提问于
浏览
0

我正在使用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;
     }
}

当SASS编译CSS时,它在所有属性中自动 !important

谢谢!

1 回答

  • 2

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

    你唯一能做的就是增加选择器的特异性 .

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

相关问题