МЕНЬШЕ: mixin with non-class ruleset

Question

В LESS я пытаюсь определить набор правил button.c2, который будет применяться к элементам <button class="c2">...</button>. Этот набор правил в основном основан на наборе правил button.c1. Тем не менее, следующий код производит ParseError:

button.c2 { 
    button.c1;// Trying to import a ruleset 
    ... // additional rules, such as font-size: 120%; 
} 

мне кажется, что ParseError вызвано тем, что импортируемый набор правила не относятся к классу или ID («button.c1» не начинается с «.» или «#»). От LESS documentation:

Any CSS class or id ruleset can be mixed-in that way.

Почему такое ограничение? Есть ли способ обойти это?

Answer 1

Ограничение может быть только простота синтаксического анализа, так как . или # не отображаются в качестве первого символа нормального правила стиля анализатор автоматически знает, что те должны быть смешаны.

Вы могли обойти это определяя .c1 как примесь и использовать его как для button с:

.c1() { 
    // c1 rules 
} 

button.c1 { 
    .c1; 
} 

button.c2 { 
    .c1; 
    // additional rules 
} 

Однако, приходя в LESS 1.4.0 являются :extend селекторы, которые будут позволяют делать то, что вы хотите. Синтаксис:

button.c2:extend(button.c1) { 
    // additional rules 
}