我需要支持 IE7 及更高版本。仅在 IE7 中会出现一些页面样式问题,因此我制作了一个有条件的 IE7 样式表,它解决了大部分问题。
但是,编码器内联嵌入了一种样式,因此我的 IE7 样式表将无法覆盖内联样式(下面的第一行)。
<p style="display:inline-block; width:auto; margin:36px 0 0 16px !important;">
Download this postcard to help promote the Virtual Birth to Three (vBTT) Institute
<span class="file_size">[PDF, 1MB]</span>.</p>
我可以添加内联 IE7 条件语句来更改页边距样式吗?我试过了,但评论在 p 元素内不起作用。这样写:
<!--[if IE 7]>
我怀疑我根本做不到,但我想也许这里有人知道一个窍门。
如果没有技巧,大家是否同意我不能内联,必须将 CSS 从元素中取出并放入外部样式表中才能进行更改?
非常感谢您的投入。我希望这是正确的提问地点。
最佳答案
您不能用任何数量的 CSS 覆盖内联样式,您应该可以使用 javascript 来完成,您可以使用条件加载一些 javascript 来为您进行这些更改,尽管这有点笨拙。
即便如此,它也可能无法正常工作,因为您正在使用 !important
规则,我不确定该样式在 IE7 中的固定程度如何。
最安全的做法是向标签添加一个或两个相关的类名,并使用条件加载另一个样式表,该样式表进行了 IE7 所需的更改。
下面是如何包含 IE7 特定样式表的方法:
<!--[if IE 7]>
<link href="ie7.css" type="text/css">
<[endif]-->
关于css - 是否有内联条件注释之类的东西?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15138874/