JS DOM操作如何影响CSS规则匹配?

con*_*st6 0 html javascript css dhtml

这是设置:动态生成许多项目的内容,这些项目需要在一个div中一起显示.布局是:外部div(所有内容的容器),几个内部div(内容各不相同),以及内部div内部的div,以及一些文本.

最外层的div从一开始就是页面的一部分,js通过id获取它.接下来生成每个内部div及其内容,然后将其附加到外部div.冲洗,重复.

外部div有一个在css中匹配它的类.内部div匹配为:

.outerdiv div{...
Run Code Online (Sandbox Code Playgroud)

现在......实际发生的是:内部div和内容div都匹配outerdiv div规则,尽管其中一个明显(在检查员中进行三重检查,Firefox和Chrome),内部div的子项不是外部div .

我在两个不同的地方有这个,所以我很确定我不是疯了.有人可以告诉我在DOM操作发生时如何评估CSS规则?(或去哪里找?)

谢谢,-Conrad

dec*_*eze 5

.outerdiv div选择器选择任何 div.outerdiv,不仅直接孩子.要选择元素的直接子元素,有>选择器(虽然IE6不支持).

至于最后一个问题,CSS规则总是被重新评估,即使在操作DOM时,元素总是根据CSS规则设置样式,并且不会通过DOM操作或类似的东西"延续"规则.