条件样式表Rails 3

时间:2012-07-19 08:21:03

标签: css ruby-on-rails-3 asset-pipeline

这只是一个快速澄清的问题,我有一个ie7的样式表,需要在有人通过IE7浏览时调用它,我的应用程序/布局文件中的以下内容是否会调用ie7样式表?

<!--[if lte IE 7]>
<%= stylesheet_link_tag "ie7", :media => "all" %>
<![endif]-->

1 个答案:

答案 0 :(得分:1)

是的,这应该只为IE7和旧浏览器带来样式表。

我发现通常通过以下代码段将条件类添加到html标记更好,然后在IE规则之前添加.lt-ieX。这允许您将所有相关规则保存在同一样式表中。

<!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>    <html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>    <html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html> <!--<![endif]-->

e.g。

.alert {
  color: red;
}
.lt-ie7 .alert {
  color: blue;
}