Ruby on rails flash消息的CSS样式

在CSS中，我应该使用什么来设置flash消息的样式？我似乎无法改变它的样式。以下是我的应用程序布局的

中的相关代码：

    <div class="container">
      <%= render 'layouts/header' %>
      <section class="round">
        <div id= "notice">
          <% flash.each do |key, value| %>
            <div class="flash <%= key %>">
              <%= value %>
            </div>
          <% end %>
        </div>
        <%= yield %>
      </section>
      <%= render 'layouts/footer' %>
      <%= debug(params) if Rails.env.development? %>
    </div>

---

看起来CSS调用类

。注意

，但是div有一个ID

编辑

CSS对flash没有响应 或者上课，但它是 回复通知id。 不幸的是，如果我喜欢 注意id，一些样式显示为 应视情况而定 是不是一条闪光信息。我怎么能 解决这个问题

可以在div周围添加条件测试：

<% unless flash.empty? %>
  <div id="notice">
    <% flash.each do |key, value| %>
      <div class="flash <%= key %>">
        <%= value %>
      </div>
    <% end %>
  </div>
<% end %>

---

为带有id的父div添加规则通知：

#notice {
  css_formatting_here
}

或为子div添加规则：

.flash {
  css_formatting_here
}

errors容器的子div有多个由空格分隔的类<代码>闪存就是其中之一。因此，您可以为该类添加一个CSS规则，它将起作用

---

在这里查看更多此类示例：

在css文件类型中：

.alert-success {
    dosomestyling;
}

.alert-danger {
    dosomestyling;
}

---

CSS是什么样的？生成的HTML输出是什么？对于您正在使用的HTML和CSS，这应该是可行的。你确定你的头中包含了CSS文件吗？如果是Rails教程，您的布局中应该有

render'layouts/stylesheets'

，而布局中应该有

stylesheet\u link\u标记'blueprint/screen'，：media=>'screen'

（在

app/views/layouts/\u stylesheets.html.erb

中）。请参阅和（尽管我正在使用Haml）。是的，这是blueprint的CSS，我肯定包括CSS文件。我不确定为什么样式设计突然不起作用，但它一定与我刚才为它实现的ajax呈现有关。检查HTML并确保设置了您期望的类名。使用FireBug（或IE 8的开发工具）检查浏览器认为应该应用哪种CSS（以及为什么）。问题中的代码是：

，而不是上面的那一行。好的，好的！什么，我现在必须读问题了？嘘，你能不能把这个答案去掉，让这个问题更清晰一些？Thx@BrandonTilley-该div的根元素有ID notice我不确定你所说的根元素是什么意思，但问题是：CSS没有响应flash或类，但它响应的是通知ID。不幸的是，如果我使用通知ID样式，出现的某些样式应取决于是否有flash消息。我该怎么解决呢好了，发生了什么事。CSS不响应flash或类，但响应通知id。不幸的是，如果我使用通知id进行样式设置，则会出现一些样式设置，这些样式设置应取决于是否存在flash消息。我该怎么修理this@JustinMeltzer-您能给出所讨论的div的原始HTML输出，而不是Rails代码吗？这没有帮助。它只显示一个div，里面有文本，id

注意

以下是我的所有代码：

.alert-success {
    dosomestyling;
}

.alert-danger {
    dosomestyling;
}