css - 条件样式表 Rails 3

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

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

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

最佳答案

是的,那应该只为 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]-->

例如

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

关于css - 条件样式表 Rails 3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11556730/

相关文章:

ruby-on-rails - 如何使用 Capybara 和 RSpec 检查 session 哈希?

ruby-on-rails-3 - 为什么 rails 记录空行?

css - 是否可以只编译/提供 Assets 的一个子集?如何?

javascript - Asset Pipeline 仅编译 Javascript 文件

html - 更改导航栏 Bootstrap 的文本颜色

javascript - 单击按钮时设置元素的高度

ruby-on-rails - Rails 3 : belongs_to, has_one 和迁移

javascript - jQuery 和 CSS 动画 - 调用 setTimeout 重复动画时的错误

html - Textarea 对填充的响应不佳

ruby-on-rails-4 - Rails 4-本地 Assets 预编译错误