CSS！important - 为背景设置角色

Question

我有一个问题是将一个带有Jquery的类添加到div中，这里的事情就是在开始时背景为空白但是如果我添加类“snapToGrid”id将类赋予id #container但是出于某些奇怪的原因该类不会覆盖所有其他内容。

我可以在这里做任何优化以改善我的预期结果吗？

Jquery的：

$("#addSnapToGrid").on('click', function () {
        $("#fb-iframe").addClass('snapToGrid'); 
        });

CSS

  .snapToGrid {
background: url(../assets/img/grid20.gif) repeat !important;
}

Answer 1

尝试在课程顶部应用和ID，例如：

#fb-iframe.snapToGrid{
    background: url(../assets/img/grid20.gif) repeat !important;
}

这将覆盖#fb-iframe。

的样式

Living Demo

即使您试图覆盖内联样式，我也建议尽量避免重要。