3

我正在开发一个可嵌入的小部件，它需要将其所有 CSS 属性声明为重要，以防止嵌入页面的 CSS 溢出。这意味着如果我想使用一些预先存在的 CSS 框架（如 Bootstrap），或者一些使用 CSS 样式表的 jQuery 插件，我必须手动将 CSS 复制粘贴到我的资产文件夹中，!important并向每个属性添加声明。这似乎是一个相当不可维护且容易出错的过程。

根据标题，有没有办法扩展 SASS 预处理器以添加!important到导入文件或部分文件的任何声明属性？

4

2 回答 2

1

不，Sass 没有那个功能，因为它是你在 Sass、CSS 或任何其他地方想要做的最不常见的事情。

但是，据我了解，您希望!important在特定文件中添加所有 CSS 属性。在这种情况下，您只需执行搜索和替换：搜索;并替换为!important;

于 2012-05-25T06:42:33.883 回答
0

最明显的解决方案是创建一个新的 mixin，可能会important像这样附加单词：

%margin-none-important {
    margin: 0 !important;
}

然后在您的代码中：

.no-margin {
    @extend %margin-none-important;
}
于 2013-09-03T02:21:09.617 回答