2015-06-07 4 views
-2

Я хочу, чтобы создать общий класс, который включает в себя все стили кнопки, она будет выглядеть следующим образомКак сгенерировать меньше синтаксиса меньше?

.commonButton { 
     .button1; 
     .button2; 
     .button3; 
     . 
     .button15; 
    } 

Так как генерировать этот синтаксис меньше? То, что я пытался, как это

.loopingClass(@index) when (@index > 0) { 
    [email protected]{index}; // this will give syntax error 
    .loopingClass(@index - 1); 
}; 
.loopingClass(15); 
+0

Но в чем же смысл создания общего класса кнопок со всеми свойствами? Я спрашиваю об этом, потому что, если вы устанавливаете несколько цветов и объединяете их в один класс, это бесполезно. Можете ли вы показать свой фактический прецедент? – Harry

+0

Да, у меня есть сценарий, в котором мне нужны все свойства всех кнопок в общем классе. – Sarath

+2

Я думаю, что ваш случай - проблема XY. Вероятно, вы пытаетесь исправить это неправильно. – Harry

ответ

0

не могли бы вы просто создать 1 класс для всех общих свойств для всех кнопок, а затем ряд отдельных классов, которые просто overide дифференцированных функций? например

.white {color: white;} 
.blue {color: blue;} 
.green {color: green;} 
.ctralign {text-align: center;} 

И так далее. И тогда ваш html будет таким:

<img class="button white ctralign"... 
Смежные вопросы