Question

我需要支持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并进入外部样式表进行更改？

非常感谢您的投入。我希望这是一个正确的问题。

Answer 1

你不能用任何数量的CSS覆盖内联样式，你应该可以用javascript来做，你可以使用条件加载一些javascript来为你做这些改变，虽然这有点笨重。

即便如此，它可能无法正常使用!important规则，但我不确定IE7中的样式是如何设置的。

您最安全的选择是在标记中添加相关的类名或2，并使用条件加载另一个样式表来进行IE7所需的更改。

以下是如何包含IE7特定样式表：

<!--[if IE 7]>
    <link href="ie7.css" type="text/css">
<[endif]-->

是否有内联条件评论这样的事情？

1 个答案: