Javascript 我的样式被我使用ajax获得的html覆盖

Javascript 我的样式被我使用ajax获得的html覆盖,javascript,jquery,html,css,ajax,Javascript,Jquery,Html,Css,Ajax,我正在建立一个群发邮件系统,在那里你可以看到电子邮件发送前的预览。我使用jquery--$().html(theHtml)将电子邮件html呈现到预览框中。 Html电子邮件的样式使用所有内联css。当我填充html时,它会覆盖我的一些css 我正在寻找一个解决方案,以完全阻止这种情况发生。是否有任何方法可以自行包含电子邮件html/css,从而不会影响整个文档 我明白了!重要的是我的风格会做的技巧,但它不是一个非常可扩展的选项 提前谢谢。不幸的是!“重要”是重写内联样式的唯一方法—这正是专用性

我正在建立一个群发邮件系统,在那里你可以看到电子邮件发送前的预览。我使用jquery--
$().html(theHtml)将电子邮件html呈现到预览框中。

Html电子邮件的样式使用所有内联css。当我填充html时,它会覆盖我的一些css

我正在寻找一个解决方案,以完全阻止这种情况发生。是否有任何方法可以自行包含电子邮件html/css,从而不会影响整个文档

我明白了!重要的是我的风格会做的技巧,但它不是一个非常可扩展的选项


提前谢谢。

不幸的是!“重要”是重写内联样式的唯一方法—这正是专用性的工作方式

但是,您可以通过使用ID和类等使所有“包装器”CSS(例如,您页面的CSS,而不是HTML电子邮件预览)更加具体,从而避免它们的样式被嵌入HTML电子邮件中的通用样式声明覆盖

但我有点困惑-您是在尝试覆盖“内联”样式(如在带有style=“yourccss here”属性的元素中)还是嵌入css(例如“yourccss here”)?如果是后者,只需在您自己的CSS中使重要的内容更加具体即可

有关特异性的更多信息:


使用Sander建议的iframe可能比重新构建CSS专用性规则更简单。

不幸的是!“重要”是重写内联样式的唯一方法—这正是专用性的工作方式

但是,您可以通过使用ID和类等使所有“包装器”CSS(例如,您页面的CSS,而不是HTML电子邮件预览)更加具体,从而避免它们的样式被嵌入HTML电子邮件中的通用样式声明覆盖

但我有点困惑-您是在尝试覆盖“内联”样式(如在带有style=“yourccss here”属性的元素中)还是嵌入css(例如“yourccss here”)?如果是后者,只需在您自己的CSS中使重要的内容更加具体即可

有关特异性的更多信息:


使用Sander建议的iframe可能比重新构建CSS专用性规则更简单。

您的网站和电子邮件是否使用相同的
/
id
名称?不应该是这样。

您的网站和电子邮件是否使用相同的
/
id
名称?不应该是这样。

我强烈建议在CSS中使用

基本上,在CSS中添加一个不包含在内联第三方内容中的任意前缀:
变为


最近在我们的项目中使用了这种做法,它只需要多一点规范,但可以使应用程序更易于管理以嵌入其他内容。

我强烈建议在CSS中使用

基本上,在CSS中添加一个不包含在内联第三方内容中的任意前缀:
变为


最近在我们的项目中使用了这种做法,它只需要多一点规范,但可以使应用程序更易于管理,以便嵌入其他内容。

使用
!重要提示
可以覆盖IMO中的内联样式。只使用iframe?内联样式(如
style=“foo:bar”
)怎么样?或嵌入式,如
。如果是
,您只需要使您的样式选择器比它们的样式选择器更具体。具体到
Inline>ID>Class/Attribute/psudo>tagname/psudelements
。如果是
style=“foo:bar”
,则不会影响文档的其余部分。请使用
!重要提示
可以覆盖IMO中的内联样式。只使用iframe?内联样式(如
style=“foo:bar”
)怎么样?或嵌入式,如
。如果是
,您只需要使您的样式选择器比它们的样式选择器更具体。具体到
Inline>ID>Class/Attribute/psudo>tagname/psudelements
。如果是
style=“foo:bar”
,则不会影响文档的其余部分。