CSS：body中的font-family不适用于内容

Question

我正在使用google font api，当我将font-family行移动到封装类和id中时，此代码有效，为什么我必须将我的font-family行移动到.banner才能影响其中的文本我的横幅类

的CSS：

body{
    font-family: 'Crimson Text';
    font-size: 15px;
    margin: 0px;


    .banner {
        otherstuff
    }

}

html.erb：

<div class="banner">
    <%= image_tag("logo.png")%>
    <div class="login_menu_bar">
        <label>login</label>
        <label>password</label>
        </br>
        yeah
    </div>
</div>

Answer 1

上面的CSS应该是这样的吗？

body{
    font-family: 'Crimson Text';
    font-size: 15px;
    margin: 0px;
}

.banner {
    otherstuff
}

Answer 2

效果很好http://jsfiddle.net/QCYVs/