如何將背景顏色應用到整個類的區域

Question

我想在整個類區域（class =「test_detail」）中更改背景顏色，但僅改變文本背後的顏色。

我使用Rails的4

index.html.erb

. 
. 
. 
<% @calendar.each do |c| %> 
. 
. 
. 
<aside class="span7"> 
    <span class="test_detail"> 
     <% if c.day? %> 
     <%= c.day %> 
     <% else %> 
     xxx 
     <% end %> 
     <br> 
     xxx <%= link_to "xxx", 'http://xxx' %> 
    </span> 
</aside> 
. 
. 
. 
<% end %> 

custom.css.scss

.test_detail { 
    font-size: 12px; 
    color: gray; 
    background-color: orange; 
} 

font-size和color工作，但background-color似乎不起作用。

Answer 1

這是因爲您使用的是span而不是div--它默認爲內聯，所以在這種情況下，您只能看到文本背後的背景顏色變化。

http://www.cssreset.com/understanding-the-difference-between-div-and-span/