CSS heirarchy

[iamkeiryan]

Hi @artf,
I have 2 different devices:
TV: max-width: 16000px
Desktop: max-width: 1919px

The current selected element is desktop and it is using the TV's css. The goal is the highest device's style will flow down across all smaller devices unless modified. In this case, the desktop has been modified but it's being overridden by the TV.

editor.Css.setRule(selector, css, { atRuleType: 'media', atRuleParams: mediaText, addStyles: true });

I used set rule. Some elements are working fine, but some elements are having a problem which css it'll inherit. How does grapesjs handles this?

[artf]

you should have a Device that doesn't apply any media rule (eg. I guess in your case is the TV one).