CSS样式的flash消息
我应该用什么来设置我的CSS中的flash消息？ 我似乎无法改变它的造型。 这是我的应用程序布局的中的相关代码：
<div class="flash "> 相关的原始CSS是这样的，但它目前不起作用。
.error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;} .success {background:#e6efc2;color:#264409;border-color:#c6d880;}
使用id通知为父div添加规则：
#notice { css_formatting_here }
或者为子div添加规则：
.flash { css_formatting_here }
子容器div的容器有多个由空格分隔的类。 flash就是其中之一。 因此，您可以为该类添加CSS规则，它将起作用。
在这里查看更多此类示例： CSS的隐藏function
看起来CSS调用类.notice ，但div有一个ID。
编辑
CSS没有响应flash或<％= key％>类，但它响应了通知ID。 不幸的是，如果我使用通知ID设置样式，则会出现一些样式，这应该取决于是否有Flash消息。 我怎样才能解决这个问题
你可以在div周围添加一个条件测试：
<% unless flash.empty? %> <% flash.each do |key, value| %> <%= value %> <% end %> <% end %>
在你的css文件中输入：
.alert-success { dosomestyling; } .alert-danger { dosomestyling; }