JS DOM操作如何影響CSS規則匹配？

Question

這裏是設置：動態生成一些項目的內容，這些項目需要在一個div內一起顯示。佈局是：一個外部div（所有東西的容器），幾個內部div（內容不同），一個div以及一些文本。

最外面的div是從頭開始的頁面的一部分，js通過id獲取它。接下來生成每個內部div及其內容，然後將其附加到外部div。沖洗，重複。

外部div有一個匹配它在CSS中的類。內格匹配爲：

.outerdiv div{... 

現在......什麼實際發生的是：無論是內部DIV和內容DIV比賽outerdiv DIV規則，儘管他們中的一個明顯（三聯檢查員檢查，Firefox和Chrome）內部div的孩子不是外部。

我在兩個不同的地方有這個，所以我相當肯定我不是瘋了。有人能告訴我在DOM操作發生時如何評估CSS規則嗎？ （或去哪裏找呢？）

感謝， -Conrad

Answer 1

的.outerdiv div選擇器選擇任何div內.outerdiv，不僅直接孩子。要選擇一個元素的直接子元素，有> selector（儘管它不支持IE6）。

至於最後一個問題，CSS規則總是被重新評估，即使在操縱DOM時，元素也總是按照CSS規則進行樣式設計，並且不會通過DOM操作或類似的東西「繼承」規則。