2012-07-31 92 views
0

我工作的rockettheme模板的Joomla侧边栏,我想禁用父divmodule-inner3的所有属性(禁用backgroundpaddingborder ...等),只显示孩子divcustomright_content禁用父div,并只显示子div?

我可以通过更换从right_content所有代码module-inner3在template.css做到这一点,但问题是,我需要重用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; 
} 
+0

你可以使用jQuery改变类或全部删除。但只有当你不在同一页面上使用'module-inner3'类时,它才会起作用。 – miszczu 2012-07-31 09:57:36

回答

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; 
}