Suppose I am using a framework like Pure and I style divs like this:
<div class="pure-u-1 pure-u-md-1-2 pure-u-xxl-1-3">
This is something I need to repeat a few times in the html and also something I need to tweak from time to time.
So it gets tedious to update all the instances everytime I want to try a new look.
How can I assign some kind of a variable name or perhaps create a "parent class" <div class="foo"> where foo stands for "pure-u-1 pure-u-md-1-2 pure-u-xxl-1-3".
I don't do CSS much, so I am not sure what the terminology to be used here is. I am sure there are many ways to do it, but the search terms are too common.
I would prefer the easiest approach to do this.
