Use of parent html elements CSS selector in local SCSS files

Hello,

We would like to use html or body element’s classes, like ios, md, etc… in our local scss files of a page or a component. Is it possible somehow or can we only use them in global.scss or app.scss ?

For example in home.page.scss :
html.ios app-home ion-content.custom-class-1 myelement {
// hack some ios css bug :wink:
}

Thanks for your help

My bad !

It was a bad use of :host ::ng-deep which cause my problem.

// my bad code
:host ::ng-deep html.ios app-home ion-content.custom-class-1 myelement {
// hack some ios css bug :wink:
}

// working code
html.ios app-home :host ::ng-deep ion-content.custom-class-1 myelement {
// hack some ios css bug :wink:
}