忽略部分HTML文档的样式表规则

我有一个查看器选项卡，显示从服务器获取的完整HTML文档。该应用程序具有应用于屏幕上所有元素的css [main.css]。如果我们将此应用于查看器中显示的HTML文档，那么我们会松开一些格式，如表格边框消失。所以我们不希望应用程序的main.css 应用于查看器内容。我们想按原样显示文档。我看到CDATA可以用来做到这一点。在查看器中的内容<div class="ap-mainPanel ap-scrollPanel">下包裹着，所以我想逃避里面的<div class="ap-mainPanel ap-scrollPanel">所有内容使用正在呈现main.css忽略部分HTML文档的样式表规则

<![CDATA[ 
     <div class="ap-mainPanel ap-scrollPanel"> 
     </div> 
    ]]>

不知道我们如何指定我们想要的一切内部<div class="ap-mainPanel ap-scrollPanel">从转义应用main.css

来源

2014-10-27 sch

你有3个主要选项：

显示选项卡中 - 因为它不接受父文档风格
在main.css规则将清除内容在 .ap-mainPanel，一种“CSS复位”
或main.css预定义已定义的规则，在你的面板（not() pseudo-class）

不适用再申请

来源

2014-10-27 09:49:28

您不能从HTML文档的一部分中排除CSS。这已经在SO上多次提出过，不幸的是大多数时候都给出了错误的答案。

如果您为一页或一组页面使用样式表，则需要对其进行设计，使其实际上按照您的需要进行设计。这可能需要比您目前使用的选择器复杂得多的选择器。

或者，也可以显示内容作为一个单独的文件，如嵌入到使用iframe主文档（或frame或object，但iframe通常是最方便）。在iframe中显示的文档是独立渲染的：只有它自己的样式表影响渲染，而不是“托管”文档（除了“托管文档”设置渲染区域的大小及其位置）。

CDATA部分与此无关。他们禁用HTML分析规则，将标记转换为纯文本。你不想在这里。

来源

2014-10-27 13:56:45

我使用了iframe – sch 2014-11-17 16:30:23

忽略部分HTML文档的样式表规则

回答

相关问题