用什么代替:: ng-deep

Question

用什么代替:: ng-deep我正在尝试将路由器出口放置的元素设置为有角度，并且要确保生成的元素的宽度为100％从大多数回复中，我看到我应该使用::ng-deep选择器，但是从Angular的文档中它被弃用了。有替代品::ng-deep吗？

Answer 1

深度样式的简单替代是使用父组件的元素选择器的常见样式。所以如果你在hero-details.component.css中有这个：

:host ::ng-deep h3 {
  font-style: italic;}

它会在styles.css中变成这样：

app-hero-details h3 {
  font-style: italic;}

基本上，深层风格是一种未封装的风格，因此从概念上看，它似乎更像是一种常见的风格，而不是组件风格。我个人不会再使用深刻的款式了。主要版本更新中的重大更改是正常的，不推荐使用的功能删除是公平的游戏。