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