The name combo class comes from the word combination, where the CSS properties applied to the element are associated with the grouping of two or more classes. A combo class is created from a parent and a child class that modifies or overrides the CSS properties defined in the parent class.
In combo classes, the child class is preceded by an x for first level combo classes and by two xx for second level combo classes.
| First level combo class | Btn x Outline |
|---|---|
| Second level combo class | Btn x Outline xx Thick |
Multi combo classes are created when multiple first level combo classes are added to the same element. In this case, the CSS properties created in each combo class are added to the main class.
[Container] combo classes are a good example of multi combo classes.
Prev
<aside> ⬅️ Elements with two or more classes
</aside>
Next
<aside> ➡️ Multi classes
</aside>