Flash格式的CSS樣式

我應該使用什麼來在CSS中設置我的Flash消息樣式？我似乎無法改變它的造型。這裏是我的應用程序佈局的<body>中的相關代碼：Flash格式的CSS樣式

<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是這樣的，但目前沒有工作。

.error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;} 
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}

來源

2011-03-04 Justin Meltzer

什麼是CSS樣？什麼是生成的HTML輸出？ – NullUserException 2011-03-04 05:37:50

發佈了CSS ... – 2011-03-04 05:44:03

對於您正在使用的HTML和CSS，這應該起作用。你確定你的頭文件中包含CSS文件嗎？如果是Rails教程，你應該在你的佈局中將'layout'/ stylesheets''渲染得更遠一些，它應該有'stylesheet_link_tag'blueprint/screen'，：media =>'screen''（在'應用程序/視圖/佈局/ _stylesheets.html.erb'）。見[這裏]（https://github.com/BinaryMuse/rails-book/blob/master/app/views/layouts/application.html.haml#L8）和[這裏]（https://github.com/ BinaryMuse/rails-book/blob/master/app/views/layouts/_stylesheets.html.haml）（儘管我使用的是Haml）。 – 2011-03-04 05:50:26

看起來像CSS類調用.notice，但該div有一個ID代替。

EDIT

的CSS沒有響應閃光或<％=關鍵％>類，但它是響應通知的ID。不幸的是，如果我使用通知ID的樣式，則出現一些樣式，應該取決於是否是Flash消息。我怎樣才能解決這個

你可以添加一個條件測試周圍的DIV：

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

來源

2011-03-04 06:19:54 zetetic

有問題的代碼是：'

<%= value %>

'，而不是它上面的線。 – 2011-03-04 06:21:39

好吧，好吧！什麼，我現在必須*現在讀*問題？嘖。 – zetetic 2011-03-04 08:45:27

你能否刪除這個答案，以提供更多的問題的可見性？ Thx – apneadiving 2011-03-04 09:07:02

要麼添加一個規則父DIV ID爲通知：

#notice { 
    css_formatting_here 
}

或者添加規則爲子divs：

.flash { 
    css_formatting_here 
}

錯誤容器的子div有多個由空格分隔的類。 flash就是其中之一。因此，您可以爲該類添加CSS規則，它將起作用。

在這裏尋找更多這樣的例子：Hidden features of CSS

來源

2011-03-04 09:53:30

好的，下面就是發生了什麼事。 CSS沒有對Flash或<%= key %>類作出響應，但它正在響應通知ID。不幸的是，如果我使用通知ID進行樣式設計，則會出現一些樣式，取決於是否存在閃光消息。我該如何解決這個問題 – 2011-03-04 17:48:23

@Justin Meltzer - 你可以提供一個原始HTML輸出的問題，而不是Rails代碼？ – 2011-03-04 20:03:58

這沒有幫助。它只是顯示一個div，裏面有文字，ID爲'notice'這裏是我所有的代碼：https：//github.com/meltzerj/sample_app – 2011-03-04 20:06:14

在你的CSS文件類型：

.alert-success { 
    dosomestyling; 
} 

.alert-danger { 
    dosomestyling; 
}

來源

2016-04-02 21:46:16 Rasool

Flash格式的CSS樣式

回答

相關問題