Can I create a CSS string using editor.Css.getRules()

[FaisalShaikhHA]

Can I create a CSS string using editor.Css.getRules()

for (let rule of editor.Css.getRules()) {
      if (rule.getComponent()) {
          // concat below string and save to db
          rule.toCSS()
      }
}

will the above CSS string be equivalent to CSS used on components only or editor.getCss()?

[artf]

That will return all component related CSS styles (those created via Style Manager when selectorManager.componentFirst is enabled)

[FaisalShaikhHA]

Hi @artf, how should I get all the CSS related to components and skip unwanted CSS which does not belong to any component?
Because I am getting unwanted CSS when I call the editor.getCss() here is that discussion link which describes my issue.

[artf]

You can use getCss with component and onlyMatched options

[FaisalShaikhHA]

Thank you @artf for the help, I have this *, *::before, *::after{box-sizing:inherit;} style defined on my page.
When I use the below code I get this *, *::before, *::after{box-sizing:inherit;} along with component style. How can I avoid this style?

editor.getCss({
     component: editableComponent,
     onlyMatched: true,
 });

[artf]

well that style always matches any element so you if you need you can remove it manually from the output.