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

这里是设置:为需要在一个单独的分区中一起显示的许多项目动态生成内容。布局是:一个外部分区(所有内容的容器)、几个内部分区(内容不同),以及彼此内部分区中的一个分区,以及一些文本。

最外面的DIV从一开始就是页面的一部分,JS通过ID获取它。接下来生成每个内部DIV及其内容,然后将其附加到外部DIV.rinse,repeat。

外部DIV有一个与CSS中的类匹配的类。内部分区匹配为:

.outerdiv div{...

现在。。。实际发生的是:内部DIV和内容DIV都匹配outerDiv DIV规则,尽管其中一个很明显是(在inspector、firefox和chrome中三次检查)内部DIV的子级,而不是外部DIV。

我把这个放在两个不同的地方,所以我很确定我没疯。有人能告诉我当DOM操作发生时如何评估CSS规则吗?(或者去哪里找?)

谢谢, -康拉德