Selector de CSS para shadow root o todos los elementos de nivel superior en shadow root

Julio, miembro de este gran staff, nos hizo el favor de crear esta reseña porque conoce muy bien este tema.

Solución:

Utilice este selector: :host > *

los :host selector se describe en https://drafts.csswg.org/css-scoping/#host-selector

document.querySelector( 'my-element' )
  .attachShadow(  mode: 'open'  )
  .innerHTML = `
    SPAN
    A
    
P





    

      DIV
      SPAN IN DIV
    
    `

:host también puede contener un selector compuesto, que debe estar entre paréntesis. P.ej :host([foo=bar]) selecciona un elemento host que tiene attribute foo ajustado a bar.

Comentarios y puntuaciones del tutorial

Te invitamos a secundar nuestro quehacer fijando un comentario y puntuándolo te estamos eternamente agradecidos.

---

---

Utiliza Nuestro Buscador