html - CSS - 以正确的方式编写类

Question

我想这很简单，尽管我似乎无法理解为什么我的 CSS 代码不起作用。

这是我的代码:

.box{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.box .warning{
    background: #FFF7F2;
    border: 1px solid #ffefe5;
}

<div class="col-xs-4">
                    <div class="box warning">dfda</div>
</div>

还有一个 fiddle 来展示它的实际效果..

http://jsfiddle.net/91b21z8k/

**我的问题是，为什么 <div> 没有？有 .warning分配给它的类？

Answer 1

不要在 .box 选择器后面留空格，因为它在同一个类中:

.box.warning{
    background: #FFF7F2;
    border: 1px solid #ffefe5;
}