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.

Baseline Status: Achieved Widely Available on Jul 15, 2022 (Cross-browser Newly Available since Jan 15, 2020).

Desktop Browser Engine Support

Google Chrome

54

Supported

Mozilla Firefox

63

Supported

Apple Safari

10

Supported

Microsoft Edge

79

Supported

Mobile Browser Engine Support

Chrome Android

54

Firefox Android

63

Safari iOS

10

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.selectors.host ↗ css.selectors.hostfunction ↗