JS DOMの操作がCSSルールマッチングにどのように影響しますか？

Question

設定は次のとおりです：1つのdiv内に一緒に表示する必要があるいくつかの項目のコンテンツを動的に生成します。レイアウトは、外側のdiv（すべてのコンテナ）、いくつかの内側div（内容が変化する）、および内側のdivの内側のdiv、およびいくつかのテキストです。

最も外側のdivは最初からページの一部であり、jsはidで取得します。次に、各内部divとその内容が生成され、外側divに追加されます。リンス、繰り返します。

外側のdivには、cssで一致するクラスがあります。トリプルは、インスペクタでチェック（内部のdivおよびコンテンツdivのマッチの両方outerdiv divのルール、それらの1つは明らかであるにもかかわらず：今...何実際に起こることである

.outerdiv div{... 

：内側のdiv要素は次のように一致しています、FirefoxとChrome）内側のdivの子は外側ではありません。

私はこれが2つの別々の場所にあるので、私はかなり狂っていないと確信しています。 DOM操作が起こったときにCSSルールがどのように評価されるか教えていただけますか？ （あるいは場所を見つけるために行く？）

おかげで、 は-Conrad

Answer 1

.outerdiv divセレクタはどの.outerdiv内divだけでなく、直接の子を選択します。要素の直接の子を選択するには、> selectorがあります（これはIE6ではサポートされていません）。

最後の質問として、CSSルールは常に再評価されます。つまり、DOMを操作する場合でも、要素は常にCSSルールに従ってスタイルされ、DOM操作などのルールを「持ち越さない」ことになります。