gpt4 book ai didi

html - 清除任何 CSS 样式的 div 及其内容

转载 作者:可可西里 更新时间:2023-11-01 13:34:29 25 4
gpt4 key购买 nike

这可能是一个奇怪的问题,但我正在尝试制作一个 div,它将充当 HTML 邮件消息的一种预览 Pane ,我想确保在其中所有样式都是内联完成的。所以我希望 div 及其内容不接收来自外部页面的样式。

有没有办法做到这一点(在 CSS 或 Javascript 中),还是我必须覆盖之前设置的每个单独样式?

我将展示一些代码,但这有点打破了我希望这个问题成为的样子。例如,假设我有一个 div:

<div id="somediv">
<h2>Message Header</h2>
<p>This is some content</p>
</div>

由于此 div 是较大页面的一部分,因此它及其内容受周围页面和包含的任何 CSS 文件的样式(例如边距、填充、字体、字体大小、颜色等)的影响。有没有办法否定所有这些样式而不是单独覆盖它们?

最佳答案

将来,您可以使用 all: unset declaration 重置所有属性,但它仅适用于 Firefox 27+。

现在,您可以将“内部”内容放在单独的文档中,并通过 iframe 嵌入:

<iframe src="content.html"></iframe>

content.html(最小有效 HTML5 文档):

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Content</title>
</head>
<body>
<h2>Message Header</h2>
<p>This is some content</p>
</body>
</html>

关于html - 清除任何 CSS 样式的 div 及其内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20708705/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com