Grouping css classes into one

Question

Is it possible to group a bunch of classes into one for example:

 <button id="buttonCalculate" class="ui-btn ui-mini my-btn">Calculate</button>

It would be nice to group "ui-btn ui-mini my-btn" into a single class

Thanks

So that when you have to add or delete a class, you just do it in one place instead of search and replace. — bach dang
– bach dang, Commented Jan 16, 2014 at 16:49
I guess they mean in their stylesheet as it's tagged with css. Please explain more? — Xareyo
– Xareyo, Commented Jan 16, 2014 at 16:51
Maybe this feature is not supported by css. But I still think it is a convenient thing to have. — bach dang
– bach dang, Commented Jan 16, 2014 at 16:54

Abdullah Ahmed · Accepted Answer · 2014-01-16 16:54:14Z

1

Yes you can using CSS Mixins

answered Jan 16, 2014 at 16:54

Abdullah Ahmed

731 silver badge13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Afzaal Ahmad Zeeshan · Accepted Answer · 2014-01-16 16:50:12Z

0

Yes, you can group multiple classes in a single statement!

Like the one you're having!

<button id="buttonCalculate" class="ui-btn ui-mini my-btn">Calculate</button>

This is OK! And all the classes would be applied to it.

answered Jan 16, 2014 at 16:50

15.9k14 gold badges61 silver badges106 bronze badges

Aaron · Accepted Answer · 2014-01-16 18:07:00Z

0

You can chain css if you want to apply properties to this element when all three classes are present.

.ui-btn.ui-mini.my-btn { }

answered Jan 16, 2014 at 18:07

Aaron

5502 gold badges6 silver badges23 bronze badges