这里有两个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 – 有人可以解释为什么会这样吗？