mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-07-04 16:11:54 +00:00
4c326fc5f6
The :host family of pseudo class selectors select the shadow host element when matching against a rule from within the element's shadow tree. This is a bit convoluted due to the fact that the document-level StyleComputer keeps track of *all* style rules, and not just the document-level ones. In the future, we should refactor style storage so that shadow roots have their own style scope, and we can simplify a lot of this.
4 lines
260 B
HTML
4 lines
260 B
HTML
<!doctype html><body><template shadowrootmode="open"><main><div><template shadowrootmode="open"><style>
|
|
:host { display: inline-block; border: 5px solid red; }
|
|
:host(div) { padding: 10px; }
|
|
</style><span>hello :host and :host(<compound-selector>)</span>
|