selectorManager - Applying styles to classes within specific sections

[Frubl]

I want to apply styles to classes, but only within specific sections. For example:

<section id="section1">
  <div class="my-class">Content</div>
  <div class="my-class">More content</div>
</section>

<section id="section2">
  <div class="my-class">Different content</div>
</section>

When I apply a style to .my-class while editing #section1, it should only affect the elements with that class within #section1, not in #section2 or elsewhere.

How can I achieve this behavior in GrapesJS? Any suggestions or examples would be greatly appreciated.

Thank you!