Dwa kombinatory przenikające cień zostały wycofane, jak stwierdzono w https://www.chromestatus.com/features/6750456638341120
Następnie, co jest substytutem do osiągnięcia tego samego, lub ta funkcja przekłuwania cienia została całkowicie porzucona?Co to jest substytut :: shadow i/deep /?
Odpowiedz
Problem polega na tym, że ::shadow
i /deep/
przerywają enkapsulację. Cieszę się, że ich nie ma.
Dobre zamienniki są:
- zmienne CSS. To już działa natywnie z niedawno Chrome 49. Czytaj Google tutaj:
:host-context
. Przeczytać tutaj: http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom-201/
W przypadkach, gdy nie można uzyskać dostępu do shadow dom przed renderowaniem, niemożliwe jest uniknięcie ':: shadow'a – RenaissanceProgrammer
@MarcG Jeśli nie ma mechanizmu łamania enkapsulacji, w jaki sposób mogę nadpisać styl ramowy? – adamdport
jako Polimeru 2:
::shadow
(selektory cień do przekłuwania), - nie ma bezpośredni substytut. Zamiast tego należy użyć niestandardowych właściwości CSS. Polymer 2: Custom CSS Properties/deep/
- istnieje jakaś zastąpienia definiowania:host > * { ... }
(dotyczy to zestaw reguł, aby wszystkie dzieci najwyższego poziomu w drzewie cieni gospodarza, który nie stoi w sprzeczności z zasadą w głównym dokumencie).
celu uzyskania bardziej szczegółowych informacji należy zapoznać Polymer 2 Upgrade Notes
- 1. Co to jest substytut dla klasy Resteasy ProxyFactory
- 2. Co to jest "deklaracja Shadow Identifier" w JavaScript?
- 3. Co to jest Serializable? Co to znaczy?
- 4. Co to jest "usuń to"?
- 5. Hough circle circle to circular shadow
- 6. Co to jest Pagel?
- 7. Co to jest _GLOBAL_OFFSET_TABLE?
- 8. Co to jest "android.R.layout.simple_list_item_1"?
- 9. Co to jest DetailsView.EnableModelValidation?
- 10. Co to jest NSPathStore2?
- 11. Co to jest czasownik = "*"?
- 12. Co to jest Postgresql_psycopg2?
- 13. Co to jest ?
- 14. co to jest .netrwhist?
- 15. co to jest Microsoft.Practices.EnterpriseLibrary.Data
- 16. Co to jest CGVector?
- 17. Co to jest $ {project.licensePath}?
- 18. co to jest alloc.h?
- 19. Co to jest PurpleEventCallback?
- 20. Co to jest global ::?
- 21. Co to jest? rodzaj?
- 22. Co to jest __meteor_bootstrap__?
- 23. Co to jest NuGetPackageImportStamp?
- 24. Co to jest LazyList?
- 25. Co to jest IllegalStateException?
- 26. Co to jest "loadall.so"?
- 27. Co to jest ws: //?
- 28. Co to jest DNVM?
- 29. Co to jest kthreadd_task
- 30. Co to jest AppDomain?
czegoś do zastąpienia ':: shadow' i' deep' że teraz działa, użyj 'style' elementu wewnątrz korzenia cień, z czymś w rodzaju' @import url ('/common-style.css') '. Zobacz http://stackoverflow.com/questions/34699350/shadow-piercing-descendant-combinator-deep-including-shadow-pseudo-el/34706299#34706299 i http://stackoverflow.com/questions/30829019/polymer-share -style-across-elements/32941101 # 32941101 Dłuższym rozwiązaniem jest [CSS Custom Properties (inaczej "CSS variables")] (https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables). – sideshowbarker