css - 是否有内联条件注释之类的东西？

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 中的固定程度如何。

最安全的做法是向标签添加一个或两个相关的类名，并使用条件加载另一个样式表，该样式表进行了 IE7 所需的更改。

下面是如何包含 IE7 特定样式表的方法:

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