jquery - CSS !important - 为背景设置 Angular 色

Question

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

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

J查询:

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

而且我建议尽量避免 important ，即使您正在尝试覆盖内联样式。