Css 是否可以在无.less组件中放置重复样式

是否可以将特定的css样式放在一个组件中，并在不同的位置重用它？在下面的示例中，我正在为

.navigation

类重复相同的样式：

.container-1 {
    .navigation {
        width: 100%;
    }
}

@media (max-width:991px) {
    .container-1 {
        .navigation {
            margin-top: 0px;             // <-- repeated
            background-color: #252525;   // <-- repeated
            width: 250px;                // <-- repeated
        }
    }
}

.container-2 {
    .navigation {
        margin-top: 0px;             // <-- repeated
        background-color: #252525;   // <-- repeated
        width: 250px;                // <-- repeated
    }
}

.货柜-1{
.导航{
宽度：100%；
}
}
@介质（最大宽度：991px）{
.货柜-1{
.导航{
页边距顶部：0px；//在较小的范围内，您可以为此使用
mixin
：

。导航样式{
保证金：0；
填充：0；
列表样式：无；
}
@介质（最大宽度：991px）{
.货柜-1{
.导航{
.navigation-styles（）；
}
}
}
.货柜-2{
.导航{
.navigation-styles（）；
}
}

请看一下医生