0

私はrocketthemeテンプレートのJoomlaサイドバーに取り組んでおり、parentのすべてのプロパティを無効にして(disable、、…など)、childrenのみを表示したいと考えdiv module-inner3てbackgroundいます。paddingborderdiv customright_content

template.css のすべてのコードを から に置き換えることでそれを行うことができますright_contentが、問題は、他のページで再利用する必要があるため、それを置き換えると、他のすべてのページが壊れてしまうことです。module-inner3module-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;
}
4

1 に答える 1

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; 
}
于 2012-07-31T12:32:53.950 に答える