gpt4 book ai didi

html - 如何在 CSS 的#document 中选择元素?

转载 作者:搜寻专家 更新时间:2023-10-31 22:07:42 24 4
gpt4 key购买 nike

我正在尝试设置外部的背景图像 <body> CSS 中的标记:

<html>
<body>
...
#document
<html>
<body>
</body>
</html>
...
</body>
</html>

但是,我什至无法选择 <body> 中的一个。标签而不影响其他。它们没有 ID,当我尝试通过子选择器选择 #document 时使事情复杂化(我什至不知道它是什么)。如果我尝试类似 body html body {...} 的东西, #document就像一道我无法逾越的屏障,所以它不会选择内部 body 标签。

关于如何选择其中一个正文标签有什么想法吗?

最佳答案

给定的列表似乎是 DOM 检查器 View 。在这种情况下,#document不引用 id 为“文档”的任意元素——它引用托管在 <iframe> 中的文档。 (参见 Node.nodeName )。您可以在 Firefox 和 Chrome 的 DOM 检查器中看到这一点;事实上,您现在甚至可以通过将任一浏览器指向 data:text/html,<iframe> 来尝试它,打开检查器并展开 <iframe>节点。 IE 也显示嵌套树,但没有 #document标记。

如果您看到背景图像从宿主文档渗入 iframe,这意味着 iframe 中的文档没有自己的背景。

选择器不能穿透多个/嵌套的文档树;它们被本地化到上下文文档中。这意味着您无法定位 <iframe> 中托管的文档中的元素。从包含 <iframe> 的文档中.如果您需要将样式应用于 <iframe> 中文档中的元素, CSS 需要直接应用于该内部文档,并且选择器的编写就像您正在处理该文档一样。


在不太可能的情况下,给定的列表是实际的源代码标记而不是 DOM 检查器 View ,并且 #document实际上是一个 id 为“document”的任意元素,那么你的内部 <html><body>元素已被注销,因为 HTML DOM 可能只包含一个 <html>和一个<body>一次元素;这些将是你的外在,而不是内在。在这种情况下,您可以尝试选择 #document并将背景应用于它,但不能保证它会正常工作。

关于html - 如何在 CSS 的#document 中选择元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17994634/

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