html覆盖标签,覆盖内部html标签内容的CSS

时尚对待页面相同，无论它是否在iframe中。所以，解决方案就是单独设置iFramed位的样式。

例如，假设你有jsbin.com/osajuz/edit页面，它包含了此iframe：

然后，你可以创建一个时尚的风格，如：

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url("http://jsbin.com/osajuz") {

body {

background-color: pink;

}

}

@-moz-document url("http://www.drudgereport.com/") {

body {

background-color: lime !important;

}

}

其中工程。

如果您创建的风格，并参观jsbin.com/osajuz，你会看到这样的事情：

同样，如果帧没有URL，它被视为一个页面来自与包含页面相同的域和URL。时尚的规则仍然适用。

例如，如果创建这样的时尚风格：

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("jsbin.com") {

body {

color: orange;

}

}

@-moz-document url-prefix("http://jsbin.com/abazay/3/edit") {

body {

background: lime;

}

}

但note无论JS如何操作，iFrame都可以覆盖CSS样式，如果您不小心。因此，请自由使用!important标志来解决此问题。