vanilla tutorial google web web-component shadow-dom

google - web components tutorial



¿Cuál es el sustituto de:: shadow y/deep/? (2)

Los dos combinadores de perforación de sombras han quedado en desuso como se indica en https://www.chromestatus.com/features/6750456638341120
Entonces, ¿cuál es la sustancia para lograr lo mismo, o esta función de penetración de sombras ha sido completamente abandonada?

A partir del polímero 2:

  • ::shadow (selectores que perforan sombras) - no hay sustituto directo. En su lugar, se debe utilizar una propiedad CSS personalizada. Polymer 2: Propiedades CSS personalizadas

  • /deep/ - hay algún tipo de reemplazo definiendo :host > * { ... } (aplica un conjunto de reglas a todos los hijos de nivel superior en el árbol de la sombra del host, que no está en conflicto con la regla en la regla principal documento).

Para obtener información más detallada, consulte las Notas de actualización de Polymer 2

El problema es que ::shadow y /deep/ break encapsulation. Me alegro de que se hayan ido.

Los buenos sustitutos son: