не в состоянии продлить Меньше подмешать

Question

Я хотел бы иметь ниже выхода CSS, используя меньше

.selected-values, 
.selected-values a { 
    background-color: #505050; 
    color: #fff; 
} 

.selected-values { 
    display: block; 
} 

.selected-values a { 
    text-decoration: none; 
} 

До сих пор я думал ниже Меньше синтаксиса, но он не работает.

.selected-dropdown-values() { 
    background-color: #505050; 
    color: #fff; 
} 

.selected-values:extend(.selected-dropdown-values) { 
    display: block; 
} 

.selected-values a:extend(.selected-dropdown-values) { 
    text-decoration: none; 
} 

Я не в состоянии применить любой extend логику для создания этого синтаксиса. Мне может быть что-то не хватает или я не знаю, как это сделать в Меньше. Кроме того, я не хочу .selected-dropdown-values mixin для вывода в CSS.

Answer 1

Как упоминается в комментариях и обсуждается в чате, в настоящее время Less не поддерживает расширение mixins (есть запрос, и он может быть адресован в версии 2.0 или более поздней). (Примечание: Чтобы быть более точным с формулировками, простираясь от Mixins, которые не выводятся в CSS не поддерживается.)

Таким образом, лучший путь вперед будет делать ниже:

Минус:

.selected-dropdown-values { // just remove the braces 
    background-color: #505050; 
    color: #fff; 
} 

Просто удалите скобки из .selected-dropdown-values правила. Конечно, это приведет к тому, что это правило также будет присутствовать в выводе CSS, но при условии, что мы используем extend, это будет означать только одну дополнительную строку в выводе CSS.

Выход:

.selected-dropdown-values, 
.selected-values, 
.selected-values a { 
    background-color: #505050; 
    color: #fff; 
}