html - 禁用父div，只显示子div？

Question

我正在开发 Rockettheme 模板的 Joomla 侧边栏，我想禁用 parent 的所有属性div module-inner3（禁用background、padding...border等），只显示 children div customright_content。

我可以通过将 template.css 中的所有代码替换为right_contentto来做到这一点module-inner3，但问题是我需要module-inner3为其他页面重用，所以如果我替换它，它会破坏所有其他页面。

有没有办法解决这个问题？

HTML 代码：

<div class="module-inner3">
<div class="customright_content">
blablad
</div>
</div>

CSS 代码：

module-inner3{
background: url("../images/shadows/light/module-top2.png") repeat-x scroll 50% 0 transparent;
padding: 15px 6px 0 6px;
}

customright_content {
background: url("../images/background.png") repeat-x scroll 50% 0 transparent;
}

Answer 1

如果您绝对确定没有要保留的样式，那么只需从该 div 中删除该类即可。但是，我倾向于添加一个类（你可以想出一个比这里说明的更好的名称），只是因为这样，如果你有其他样式想要保持原位.module-inner3（浮动、位置等），你可以保留那些。

<div class="module-inner3 override"> 
  <div class="customright_content"> 
    blablad 
  </div> 
</div>

.module-inner3 { 
   background: url("../images/shadows/light/module-top2.png") repeat-x scroll 50% 0 transparent; 
   padding: 15px 6px 0 6px; 
}

.module-inner3.override {
   background: none;
   padding: 0;
}

.customright_content { 
   background: url("../images/background.png") repeat-x scroll 50% 0 transparent; 
}