How to nest styles in Webflow

NOTE: At this time, Nested Selectors are only available to child elements inside Rich Text Fields.

Step 1. Assign a class to an element

From the Style tab in the Designer, use the Selector field to assign an element a class name.

Step 2. Nest some elements inside your parent element

Select a nested element and assign it a unique class (or select its Global Selector).

Step 3. Activate nested styles

With the nested element's class active in the Selector Field, click on Nest Selector Inside of.

You can now style all elements that are "nested" inside of it's parent. In this example, all H1 elements that are inside an element with the class "Hero Rich Text" will have a yellow font color.