以下是设置：动态生成需要在单个div中一起显示的多个项目的内容。布局是：外部div（所有内容的容器），几个内部div（内容各不相同），以及内部div内部的div，以及一些文本。
最外面的div从头开始是页面的一部分，js通过id获取它。接下来生成每个内部div及其内容，然后将其附加到外部div。冲洗，重复。
外部div有一个在css中匹配它的类。内部div匹配为：
.outerdiv div{...
现在......实际发生的是：内部div和内容div都匹配outerdiv div规则，尽管其中一个明显（在检查员中进行三重检查，Firefox和Chrome）内部div的一个孩子不是外面的。
我在两个不同的地方有这个，所以我很确定我不是疯了。有人可以告诉我在DOM操作发生时如何评估CSS规则？ （或去哪里找？）
谢谢， -Conrad
答案 0 :(得分：5)
.outerdiv div选择器会在div中选择任意 .outerdiv，而不仅仅是直接子项。要选择元素的直接子元素，可以使用> selector（IE6不支持）。
至于最后一个问题，CSS规则总是被重新评估，即使在操作DOM时，元素也总是根据CSS规则设置样式，并且不会通过DOM操作或类似的东西“延续”规则。 / p>