Web features explorer

:host-context()

This feature is discouraged — The CSS Working Group removed :host-context() from the specification, due to opposition from vendors, performance considerations, and interest in alternatives.

Consider using Container style queries instead.

For more information, see: w3c/csswg-drafts/issues/1914#issuecomment-2737310093 (GitHub)

The :host-context() CSS pseudo-class selects the containing element of the shadow tree in which it is used if that element or an ancestor matches the provided selector.

Browser support

  • Chrome 54 Released on 2016-10-12
  • Chrome Android 54 Released on 2016-10-19
  • Edge 79 Released on 2020-01-15
  • Firefox Not supported Bugs: 1082060
  • Firefox for Android Not supported Bugs: 1082060
  • Safari Not supported
  • Safari on iOS Not supported

MDN documentation

Specifications

Web Platform Tests (WPT)

View the latest WPT test results for this feature

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist