Question

我希望用!important为我的所有规则加上后缀，我怎么能用手写笔做到这一点？

像我一样

body
   width 100%
   color #fff
   ...

我想把它作为输出：

body {
   width: 100% !important;
   color: #fff !important;
   ...
}

Answer 1

afaik手写笔确实具有内置功能来执行此类操作。我认为你可以用一些简单的正则表达式实现你想要的东西，也许你应该看here for some advice，虽然我不建议过度使用!important。

Some advice on !important usage

Answer 2

这个任务更适合像PostCSS这样的东西，但你也可以在Stylus中执行此操作，但是你需要列出你想要覆盖的所有属性：

make_important()
  {called-from}: arguments (!important in arguments ? unquote('') : !important)

// List all the properties you'd like to override

props = background, width, height, padding-left, margin-left, color, margin-bottom, font-size, border-left, font, opacity, transition, display, padding-bottom, margin-top, border, background-position, margin, padding

for prop in props
  define(''+prop, @(){
    make_important(arguments)
  })

现场演示：http://jsbin.com/lopora/edit?css,output

如何使用！important后缀所有属性

2 个答案: