jquery - CSS !important - 设置背景角色

Question

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

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

查询：

$("#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.

现场演示

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