JQuery动态添加的DOM丢失(不';t)CSS样式

JQuery动态添加的DOM丢失(不';t)CSS样式,jquery,css,dynamic,load,Jquery,Css,Dynamic,Load,我遇到了一个问题,在JQuery中,动态添加的DOM节点不采用CSS文件中定义的样式 我已经环顾四周了,不要解决问题。即,相关CSS位于相对于主机页的路径中。它肯定在记忆中。但是如果我使用A)或B),追加或加载的“newNode”不会采用已经加载的样式 A) $(“#一些选择器”).append(newNode) B) $(“#一些选择器”).load(“/path/to/newNode.html”) 我发现我必须手动添加样式,如 C) $(.loadeElement”).css('some-s

我遇到了一个问题,在JQuery中,动态添加的DOM节点不采用CSS文件中定义的样式

我已经环顾四周了,不要解决问题。即,相关CSS位于相对于主机页的路径中。它肯定在记忆中。但是如果我使用A)或B),追加或加载的“newNode”不会采用已经加载的样式

A)
$(“#一些选择器”).append(newNode)

B)
$(“#一些选择器”).load(“/path/to/newNode.html”)

我发现我必须手动添加样式,如

C)
$(.loadeElement”).css('some-style','some-value')

有人解决了这个问题吗

提前谢谢

---编辑

所以我更进一步了。我有一个类似A)的HTML和类似B)的CSS。结果是嵌套的CSS选择器与我想要的节点不匹配。我必须下到选择器,如C)中所示。然后应用我的动态节点的样式。但我真的更喜欢像B)的东西。我的CSS关闭了吗

(A)

(C)

此CSS选择器:

#6bullet-container #six-bullet-image-upload .six-bullet-content-wrapper .six-bullet-bullet  { ... }

这意味着“六项内容包装器”是“六项图像上载”的子项,这是不可能的,因为“六项图像上载”是一个文件输入框,不能有子项。

不管元素在DOM中的结果如何,它们都将应用相同的样式。与CSS选择器匹配的新元素存在一些问题,但是由于您既没有提供元素,也没有提供CSS,因此我无法帮助您。我想您已经确认了直接编码到HTML中的元素得到了正确的样式?@amnotiam关于CSS选择器的说法是正确的;也可能是当您将html放入$(“#某些选择器”)时,样式没有正确定义,最好检查$(“#某些选择器”).load(“/path/to/newNode.html”,函数(数据){console.log(数据)});为了准确地了解您从服务器获得的内容,您可以向我们展示您的css以备不时之需吗?是的,关于我的新元素与您的css选择器匹配的问题,您是对的。请参见编辑窗口中的CSS。那应该行的,不是吗?是的,我考虑过了。由于呈现的HTML反映了您所说的内容,我尝试了
6bulletcontainer.six bullet content wrapper.six bullet bullet bullet
从CSS选择器中删除该节点。但那没用。我最后做的是从文本输入下方的点启动选择器:
.six bullet content wrapper.six bullet bullet
。。。这就行了。不过你的分析绝对正确。谢谢
#6bullet-container #six-bullet-image-upload .six-bullet-content-wrapper .six-bullet-bullet {
   my: style;
}
.six-bullet-bullet {
    my: style;
}
#6bullet-container #six-bullet-image-upload .six-bullet-content-wrapper .six-bullet-bullet  { ... }