我有一个模板，我想在一个 div 中显示该 HTML 模板。
该 HTML CSS 模板会自动继承应用程序中使用的 CSS。
我不希望它继承 CSS。我需要完全重置那个 div 的样式...
示例代码:
<html>
<head><title>hi</title>
<link href="mystyle.css" />
</head>
<body>
This is my website content
<div id="template_holder">
<table>
<tr>
<td>name</td>
<td>Raja</td>
</tr>
</table>
</div>
</body>
</html>
在上面的代码中，template_holder 持有一个表格，该表格继承了 mystyles.css 的样式。
我不希望它继承它...
最佳答案
对于这种情况，iframe 可能是正确的选择。
或者，您应该向页面模板主标记添加类或 ID 或其他一些引用参数，并通过让每个 css 选择器以该主引用开头来将页面中的每个 CSS 规则仅引用到该主元素。但如果您无法控制模板 CSS，您可能无法做到这一点。
请注意，在页面的 div 内显示模板可能包含重复的 ID，例如，许多模板通常对相同的元素使用相同的 ID(#header、#footer、#main、#wrapper、ecc...) .您可以使用 iframe 避免这两种情况。
编辑
在看到你的代码示例后，我会专门为你的#template_holder div 创建一个 CSS 重置，最终使用 !important 关键字，以便其中的每个其他元素都将继承它的 CSS。
不知道这是否有效，但值得一试。
关于javascript - 如何使用 CSS 或 jQuery 完全重置 div CSS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6938192/