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的樣式。

現場演示

而且我建議即使您嘗試覆蓋內聯樣式，也要盡量避免使用重要標記。