divのすべての子要素とそれ以外のすべての子要素に不透明度を適用する方法

Question

親divには不透明度を適用しようとしていますが、子divには適用しません。ここでデモhttp://plnkr.co/edit/rLjuSo9336Qe67fXlkPe?p=preview私は完全に動作するmaindivに不透明度を適用していますが、私はdivに不透明度を適用したいので、特定のdiv不透明度を1にすることはできませんが、動作しません...どのように私は不透明度上記のコードでは、親のdiv ...

<div id="mainDiv"> 
    <div>div 1</div> 
    <div>div 2</div> 
    <div> 
    <div id="div3"> 
    <input type="text" /> 
    </div> 
    </div> 
    <div>div 4</div> 
</div> 

の私はmaindivする不透明度とそのすべての子を適用したいが、=「DIV3」のidを持つDIVしない...誰かが私に 感謝を助けてください君は..！

Answer 1

あなたはただのCSSだけでこれを行うことを検討しているなら、あなたは運がありません。ここにあるのはMDN has to say about itです。

値は、その内容を含め、全体としての要素に適用され、値を子要素に継承されていない場合でも 。したがって、 要素とそれに含まれる子要素はすべて、要素とその子要素に異なる不透明度の がある場合でも、要素の背景に対して同じ相対不透明度 を持ちます。

はしかし、あなたが実際にが達成したいかに応じて、まだあなたがそれを行うことができます可能性が非常に高いです。不透明度を必要としない要素が不透明度を持つ要素の子でないようにHTMLを変更します。