html - 次の div タグから background-color を継承します

Question

これは私のHTMLです

<div id = "main">
  <div id = "one">some text</div>
  <div id = "two">two text</div>
</div>

joomlaを使用してWebサイトを作成しているため。したがって、「2」はページごとに色が変わるため、「1」の背景色を「2」と同じに設定したいと思います。どうやってやるの？

編集

#main から継承された背景色を設定する必要がある場合

私は設定します

#main{background-color: red;}
#one{background-color: inherit;}

このように #two から継承した色を設定したいと思います。

score 0 · Accepted Answer

2 番目のタグは、の子であることを除けば、最初のタグと固有の関係はありません。両方を同じ色に設定するか、 div の色#mainを設定することでこれを行うことができると理解しました。#main

div#one, div#two {
    background-color: red;
}

それとは別に、から#two色を継承するだけで、すべてのページで色が変わるように指定しました#main。

このフィドルをチェックして、それがどのように機能するかを確認してください

score 0 · Accepted Answer

できることは、クラスを使用してそのクラスの css を設定することです。例えば

HTML:

<div id="main">
    <div id="one" class="bg">some text</div>
    <div id="two" class="bg">two text</div>
</div>

CSS:

.bg {
    background-color:red;
}

このように、jQuery を使用して「bg」クラスの色を切り替えるだけで、両方が同じ背景色を継承します。

3 に答える 3