Web platform features explorer

Host

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

Status

Baseline Widely Available (since 2022-07-15)

MDN documentation

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 63 Released on 2018-10-23
  • Firefox for Android 63 Released on 2018-10-23
  • Safari 10 Released on 2016-09-20
  • Safari on iOS 10 Released on 2016-09-13