Standalone CSS classes

Hi everyone,

I’m new to Webflow and figuring out how CSS classes are treated by the app.

I’d like to create classes that stand alone without being attached to another class in the stylesheet.

When I create a combo class, this sticks to the one previously created with this syntax:

<h1 class="alpha beta"></h1> (HTML) .alpha.beta (CSS)

This way, I can’t apply it to HTML tags that don’t have alpha already applied to them.

This would be handy if for example I wanted to assign the same bottom margin to many elements having different main classes.

In other words, is it possible to create this:

<h2 class="delta beta"></h2> (HTML) .beta (CSS)

so that the .beta styles are also applied to tags that have the .delta class or any other.

I hope this is clear!

Thank you,

Guiseppi

I had the same question, will be great for creating rules on style guide.

1 Like