2012-02-07 78 views
0

我正在使用LESS和即時嘗試混合類型。LESS語法.mixin> *

我有這樣的mixin:

.mixin, .mixin > * { 
    font:arial; 
} 

,我想用它作爲這樣一個組合。

.my-class { 
    color:#000; 
    .mixin; 
} 

成爲

.my-class { 
    color:#000; 
} 

.my-class, .my-class > * { 
    font:arial; 
} 

但它不工作,probobly因爲我不能用這樣的混入。或者我可以嗎?那我怎麼寫呢?在LESS的文檔中找不到此信息。

回答

1

的答案是這樣的。

.mixin { 
    font:arial; 

    > * { 
     font:arial; 
    } 
} 

.my-class { 
    color:#000; 
    .mixin; 
} 
1

如何:

.amixin { 
    font: Arial; 
} 

.mixin, .mixin > * { 
    .amixin; 
} 

.my-class { 
    color: #000; 
    .amixin; 
}