html - CSS：本文の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/