Question

我倾向于将我自己的自定义CSS文档应用于某些网站，因为我更喜欢带有浅色文本的深色背景而不是反之亦然标准，并且很少有网站采用“黑暗模式”＃34;或者以其他方式迎合这种偏好，这个网站本身就是一个很好的例子。

然而，我最近遭遇了一些奇怪的东西 - 整个HTML文档嵌套在另一个内部。（我现在明白这是通过使用<iframe>来实现的，所以没有JS或其他东西几乎不可能进行样式化。但是我只能将自定义样式表应用于父文档。

所以，长话短说，我想知道我必须使用哪种选择器来定位嵌套文档的元素 - 例如，选择嵌套文档的<body>。我是否会在body 中的html中引用!DOCTYPE body？那么递归嵌套文档呢？

这个嵌套的东西是不是很糟糕的做法并不会立即引起我的关注 - 似乎有一个有效的用例，无论如何，我都没有建立这个网站。我关心的是如何在外部添加样式。

Answer 1

假设您确实有一个已经“注入”另一个文档的文档，您只需使用预期的标识符来定位它：

将元素唯一定位到子文档：

body body [element] {
}

要定位两个文档中的元素，您只需使用该标准：

[element] {
}

上述内容会将样式应用于任一文档中包含的任何所需元素。

请注意，无法使用CSS在文档中设置iframe样式 - 您要么必须找到一种方法来操纵iframe的CSS本身，要么使用JavaScript来定位所需的元素与document.getElementById()。

希望这有帮助！：）