相关疑难解决方法(0)

我试图弄清楚为什么我的一个css类似乎覆盖了另一个(而不是相反)

这里我有两个css类

.smallbox { 
    background-color: white;
    height: 75px;
    width: 150px;
    font-size:20px;
    box-shadow: 0 0 10px #ccc;
    font-family: inherit;
}

.smallbox-paysummary {
    @extend .smallbox; 
    font-size:10px;
}

在我看来,我打电话

<pre class = "span12 pre-scrollable smallbox-paysummary smallbox "> 

字体(重叠元素)显示为10px而不是20 - 有人可以解释为什么会这样吗？