gpt4 book ai didi

javascript - 在 jQuery 中 detach 和 appendTo 后,CSS 会断开连接吗

转载 作者:太空宇宙 更新时间:2023-11-03 22:58:34 26 4
gpt4 key购买 nike

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

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 之间的链接在分离/附加功能后是否会保持完整?

最佳答案

一旦 popup1 是 body 的子元素并且不再是 .wrapper 的子元素,该 CSS 选择器将不再适用。 .wrapper #popup 表示下面某处有一个 ID 为 popup1 的后代(不一定是直接子代,为此使用 > 选择器)一个元素使用 wrapper 类。一旦 popup1 是 body 的直接子代,它将不再为真。

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

#popup {
color: #fff;
}

这现在仅适用于 ID 为 popup1 的元素,并且不考虑其所有祖先。

关于javascript - 在 jQuery 中 detach 和 appendTo 后,CSS 会断开连接吗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37332172/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com