如何将背景颜色应用于整个课堂区域

Question

我想改变整个班级区域的背景颜色（class =＆＃34; test_detail＆＃34;），但只改变了文本背后的颜色。

我使用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/