css - 让CSS背景不被别人覆盖？

Question

我正在处理 joomla 模板，我在模块中创建了一个自定义按钮，但是按钮 css 被模块 css 覆盖了。我怎样才能解决这个问题。帮助将不胜感激。

这是我想要的按钮的 css:

.button-middle {
    background: url("../images/button-mid.gif") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    height: 27px;
    line-height: 27px;
}

下面的代码覆盖了按钮背景:(

div.module div div div div, div.module_menu div div div div, div.module_text div div div div, div.module_grey div div div div {
    background: none repeat scroll 0 0 transparent;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
template_css.css (line 342)
div.module div div div, div.module_menu div div div, div.module_text div div div, div.module_grey div div div {
    background: url("../images/module_default/mod_tlb.png") no-repeat scroll left top transparent;
    padding: 0 15px 15px;
}
template_css.css (line 304)
div.module div div, div.module_menu div div, div.module_text div div, div.module_grey div div {
    background: url("../images/module_default/mod_trb.png") no-repeat scroll right top transparent;
    padding: 0;
}

Answer 1

在后台末尾添加!important:

  background: url("../images/button-mid.gif") repeat-x scroll 0 0 transparent !important;