禁用父div,并只显示子div?

时间:2012-07-31 09:50:01

标签: html css joomla

我正在使用火箭主题模板的Joomla侧边栏,我想禁用父div module-inner3的所有属性(禁用backgroundpadding,{{ 1}} ...等),仅显示儿童border div

我可以通过将template.css中的所有代码从customright_content替换为right_content来实现,但问题是我需要将module-inner3重用于其他页面,所以如果我更换那,它会破坏所有其他页面。

我有办法解决这个问题吗?

HTML code:

module-inner3

CSS代码:

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

1 个答案:

答案 0 :(得分:0)

如果您完全确定没有要保留的样式,那么只需从该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; 
}