时尚对待页面相同,无论它是否在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,你会看到这样的事情:

IuxVc.gif

同样,如果帧没有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标志来解决此问题。

html覆盖标签,覆盖内部html标签内容的CSS相关推荐

  1. HTML标签-排版标签、媒体标签、列表标签、表格标签、表单标签、语义化标签、字符实体

    一.排版标签 1.标题标签 在新闻和文章的页面中都离不开标题,用来突出显示文章主题. h系列标题 <body><h1>1级标题</h1> <h2>2级标 ...

  2. html 怎么让tr的css覆盖td的_html表格标签

    HTML表格标签 表格是一种组织整理数据的手段,在HTML当中表格使用<table> 标签来定义.每个表格均有若干行(由<tr> 标签定义),每行被分割为若干单元格(由 < ...

  3. js中增加标签删除标签和input修改获取内容

    1.增加标签 创建标签:document.createElement('标签id名') 在某一标签内的最后面插入标签:c.appendChild(b): //即给c加一个孩子b,记住这个孩子是后面进来 ...

  4. css如何让a标签,根据输入的内容长度调整宽度,宽度自适应,那位大仙帮帮忙...

    css如何让<a>标签,根据输入的内容长度调整宽度,宽度自适应,那位大仙帮帮忙 5 样式 .ceshi{float:left; margin-left:13px; width:180px; ...

  5. 获取frame 标签里#documents里面的内容

    最近几天在爬一个网站,里面有frame标签. 今天有想获取frame标签下面#documents里面的内容,查了一晚上的资料,幸好找到,明天可以交差了... 一个有frame标签的网站,http:// ...

  6. 删除HTML中特定标签,同时保留标签里的内容处理办法

    删除HTML中特定标签.如:<p><span>span1</span><spanl>spanl1</spanl><i>i1< ...

  7. 让DIV标签中的p标签内容水平垂直居中

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  8. html p内容居中,html中如何让DIV标签中的P标签水平和垂直都居中?

    html中如何让DIV标签中的P标签水平和垂直都居中? 让DIV标签中的P标签水平和垂直都居中 div { width:400px; height:300px; border:1px solid #6 ...

  9. 【标签画像系列】标签体系建设方法论

    5月11日录制了袋鼠云数栈全新数据中台精讲系列 --「数智赋能实战六讲」的第一场直播,主要对标签体系的建设进行了抽象,分成几个步骤,方便大家理解. 你能看到 ▫ 数字营销是数字化转型排头兵 ▫ 标签体 ...

  10. html中ing标签怎么写,HTML标签

    1.文件标签: html标签:整个文件都处于html标签中,声明文件类型便于浏览器识别,包含和标签. head标签:用于加载一些重要的内容,如一些插件,组件,框架等内容的云端地址以及网站的标题,内容不 ...

最新文章

  1. 车辆检测--A Closer Look at Faster R-CNN for Vehicle Detection
  2. Py中re.sub学习【转载】
  3. oracle按时间导出,如何为Oracle导出文件加上时间戳
  4. OpenCASCADE绘制测试线束:数据交换命令之XDE 形状命令
  5. 安装织梦index.php错误,dedecms安装进入后台出现DedeCMS Error:(PHP等
  6. Angular路由开发的一个实际例子
  7. Apache CXF 3.0:CDI 1.1支持替代Spring
  8. Ignite 配置更新Oracle JDBC Drive
  9. 英文版 《UNIX 网络编程.卷一 (UNIX Network Programming .volume1. 3rd edition)》(pdf)高清精校版下载
  10. CAD图纸打印自动排版
  11. vs2003远程调试方法
  12. 思科FTP服务器如何传输文件,与FXP配置示例的ASA文件传输
  13. 整型变量和整型常量呀
  14. 12个CSS高级技巧汇总
  15. 2021-08-27-亚马逊 MWS 坑 handling time(handing time)
  16. C# WinForm 实例
  17. mysql round不四舍五入_MySQL中ROUND函数进行四舍五入操作陷阱分析
  18. 如何与VMware虚拟机共享文件
  19. 用paddleocr识别汉字_基于Paddle的截图OCR文字识别的实现
  20. 嵌入式linux开发 (十) RAM(4) I.MX6ULL外扩DDR3L

热门文章

  1. 美团149道面试题,全会拿40Koffer没问题(Java程序员学习方向)
  2. 【全栈之巅】Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台学习笔记(3.11-3.12)
  3. VScode设置全局检索
  4. 【转】不懂得使用工具的测试不是好测试
  5. GD32F103RCT6 MINI板综合开发教程(新手入门必备选择)
  6. 数据库迁移和同步软件:DBConvert Studio
  7. 用数据库建模工具进行数据库建模
  8. 用html5和javascript调用摄像头实现拍照功能
  9. python设置线程守护
  10. Python股市数据分析教程——学会它,或可以实现半“智能”炒股 (Part 1)