如何将背景颜色应用到整个类的区域

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/