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

标签 css comments

我需要支持 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/

相关文章:

css - 有没有办法不用注册就可以用disqus接收评论通知?

comments - 你喜欢你的评论吗?

comments - 错误 : TsLint: comment must start with lowercase letter 的背景或原因

jquery - 对大于视口(viewport)的图像使用 Fancybox

javascript - 自定义 css 错误类不适用于字段 jquery 验证器

css - 切换到移动 View 时我的某些 CSS 不起作用

PHP 注释代码帮助

CSS blogspot后台定位帮助

css - 使用css使div高度自动调整到视口(viewport)

python - 了解此 Pandas 脚本