2014-07-01 41 views
1

我有用于红色按钮的mixin减:mixins样式vs添加样式规则

.btnRed{ 
    background:red; 
    color:white; 
    border-radius:3px; 
    min-width:200px; 
    font-size:18px; 
} 

我用它的风格我的主要按键,但对于一个我改写最小宽度和字体大小:

.class1{ 
    .btnRed; 
    min-width:0; 
    font-size:25px; 
} 

当我在Firebug检查它,我得到这样的结果:

.class1{ 
    background:red; 
    color:white; 
    border-radius:3px; 
    min-width:200px; 
    font-size:18px 
} 
.class1{ 
    min-width:0; 
    font-size:25px; 
} 

,并添加样式被忽略。

所以我的问题是:

我怎么能结合的混入,新添加的风格于一体的Class1并没有宣布加风格很重要很重要!

回答

0

我测试过你的LESS和一切似乎被罚款。

当应用class1上的元素我有屏蔽的数值。

看到这个working example

所以我的猜测是你的问题在别的地方

+0

是的,谢谢!我没有注意到我的.btnRed里有'&:link,&:active'状态。我喜欢这个'.class1 {.btnRed; &:link,&:active {new styles}}' – Arp