当html文档在iframe内时,Css选择器？

我试图使一个css选择器,根据天气html是否在iframe内分配不同的属性.我试过这个：

html:not(:root) body {
    background: black !important;
}

我期望这样应用背景：黑色;如果它在一个iframe里面,但是它不是,为什么？有没有任何css选项？我可以随时检查javascript如果html是根.

IE8不支持.

解决方法

CSS仅在同一文档中作用域. iframe是一个完整的文档,因此适用于包含该iframe的页面的CSS规则无法应用于该iframe内的页面.

这意味着就HTML和CSS而言,html始终是：root(因此永远不会是：not(：root)).

除非你能够将这个CSS从包含的页面转移到iframe中的页面(例如使用一个脚本),我不相信有一种方法只使用CSS.