禁用父div，並只顯示子div？

我工作的rockettheme模板的Joomla側邊欄，我想禁用父divmodule-inner3的所有屬性（禁用background，padding，border ...等），只顯示孩子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; 
}

來源

2012-07-31 user1565287

你可以使用jQuery改變類或全部刪除。但只有當你不在同一頁面上使用'module-inner3'類時，它纔會起作用。 – miszczu 2012-07-31 09:57:36

如果你是絕對肯定有你想保留沒有風格，那麼就去除該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; 
}

來源

2012-07-31 12:32:53 ScottS

禁用父div，並只顯示子div？

回答

相關問題