CSS 在 jQuery 中 detach & appendTo 后是否会断开连接

Question

下面的代码是非工作代码，对于这个问题来说一点都不重要。问题在代码下方！

HTML

<body>
  <div class="wrapper">
    <div id="popup1"></div>
  </div>
</body

CSS

.wrapper #popup {
  color: #fff;
}

jQuery

var setpopupoutsidewrapper = $('#popup1');
setpopupoutsidewrapper.detach();
setpopup1outsidewrapper.appendTo('body');

CSS/HTML 之间的 link 在 detach/append 函数之后是否会保持完整？

Answer 1

一旦 popup1 成为正文的子项并且不再是 .wrapper 的子项，CSS 选择器将不再适用。 .wrapper #popup 表示下面某处有一个 ID 为 popup1 的后代（不一定是直系子代，为此使用 > 选择器）带有 class wrapper 的元素.一旦 popup1 是 body 的直接子代，将不再为真。

如上面的评论所述，您可以删除选择器的 wrapper 部分，无论 popup1 在层次结构中的哪个位置，它都会继续应用。

#popup {
  color: #fff;
}

这现在仅适用于 ID 为 popup1 且其祖先 none 的元素。

CSS 在 jQuery 中 detach & appendTo 后是否会断开连接

Is CSS going to be disconnected after detach & appendTo in jQuery

javascript

jquery

html

css

detach