Change Props of elements with same classes without creating new classes

Hi everyone,

as the title states, I’d like to know and understand how do you create texts or container with different properties (colors, alignment etc) that basically have some “inheritance” such as margins, flexbox,etc. without creating new classes…

What I do right now is to create the class “H3” and then “H3” + (combo class) “centered” or sometimes I also rename it according to the section name “H3-faq”.

Using variables or components would be more effective and easier to manage in the time? And, it will increase also the speed of the website as I’ll have less classes?

Curious to know more about your process and suggestions here.

Thanks a bunch.