CSS模块如何从另一个文件的选择器级联？

Question

我有两个文件

tab.less 。

tab { 
    display: inline-block; 
    font-size: 14px; 
} 

和tabs.less

.tabs { 
    border-bottom: 1px solid @grey; 

    .tab { 
     margin-right: 24px; 
    } 
} 

的问题是如何从其它文件，因为现在的CSS-装载机产生两种不同的选择什么是好的进口选择，但我需要告诉它应该有从另一个文件中选择。 谢谢。

Answer 1

尝试使用composition。

tab.less

.tab { 
    display: inline-block; 
    font-size: 14px; 
} 

tabs.less

.tabs { 
    border-bottom: 1px solid @grey; 

    .tab { 
     composes: tab from './tab.less'; 
     margin-right: 24px; 
    } 
} 

还要检查这篇文章最流行和实用的情况下，用CSS模块 - http://andrewhfarmer.com/css-modules-by-example/#example-5-composition