在Angular 4中理解:: ng-deep的功率

尋求一種方法來覆蓋父母組成部分中兒童組件中的CSS屬性？ Angular 4介紹了:: ng-deep的概念，這是不棄用 /深 /選擇器的替代方法。這種“暗示式”組合器允許樣式穿過包封的子組件。

語法和usage 概述{ :: ng-deep { p { &：Last-Child { 邊緣底：0; } } } }

In this example, the style specified within ::ng-deep will be applied to all matching elements in all child components within the parent component, including deeply nested ones.

Compatibility with IE11

It's worth noting that ::ng-deep is not officially supported in Internet Explorer 11 （IE11）。雖然某些IE11版本可能會部分支持它，但建議在定位IE11瀏覽器時使用替代方法。

[&& &&&&&&&&&&&&&&&&&&考慮[&&&&&&&&&&&&&&&&&&&&&:: ng-deep可以通過允許訪問深層嵌套嵌套嵌套的元素來簡化樣式的複雜組件結構。但是，當它繞過封裝時，明智地使用它很重要，這可能導致風格衝突或意外行為。在必要時使用:: ng-deep，但請考慮盡可能探索更安全的替代方案。