指定されたdivにはCSSを適用しない - ファラデーの場合CSSの場合

Question

私は単純な問題があります。私は同じdivsを（テキストなし）別のものの中に持っています。私はアウターをスタイルにしたいcsseffect子供がいるが、内にはないcssffect。

私を見せてください。

例CSS：

.cssEffect .bold{font-weight: bold;} 
//Super Secret Faraday Code 

例HTML：

<div class="cssEffect effected"> 
    <span class="bold">Hey I'm Red!</span> 
    ~~ some random stuff ~~ 

    <div class="cssEffect faraday"> 
     <span class="bold">I shouldn't be bold.</span> 
     ~~ some random stuff ~~ 
    </div> 

</div> 

そして、私はこのような何かを期待：ねえ、私はshouldn

大胆だ

を't b大胆に

しかし、私はどのように把握できません。

.cssEffect .bold + .cssEffect.faraday{ 
    //I dont really know what I should write here for not styling here 
} 

そして、私はこのようなコードを変更することができれば、私はそれを解決するだろうと思った：私はこのような何かを行うことができます思っ

.cssEffect:not(.faraday) .bold{font-weight: bold;} 

しかし、外側のdiv効果インナー一つ。私はこれを解決する方法を理解できませんでした。

すべてのアイデア？

ありがとうございました！

編集：いいえ、私は知っている "重要な"という意味です。私はすべてのスタイルを無視したくない、私はちょうどdivの中にしたい。

Answer 1

内部のdivは、親から継承可能なプロパティ（font-weightなど）を継承します。あなたはこれらの特性が異なるようにしたい場合は、明示的に上書きする必要があります：

.effected .bold { 
    font-weight: bold; 
} 

.effected .faraday .bold { 
    font-weight: normal; 
} 

をここで継承プロパティのリストです：Which CSS properties are inherited?