css - /deep/ 概念多页效果相同的 scss 。但我不希望角度中的一页效果

Question

在我的共享文件夹中。授权文件夹。组件在 auth 中。我们在 'auth.component.scss' 中写了一些 css，它就像所有组件的父级，它会影响所有组件 scss，但我不会影响 'y' 组件意味着所有页面都会影响最大宽度:'35rem' 但我想单独为这个页面宽度：100% ; 如果我使用 /deep/ 概念。当 'y' 组件加载宽度：100% 影响，返回到另一个组件后，它不会更改为实际最大宽度 35 rem

Answer 1

您可以只为您希望/不希望应用孩子的孩子添加一个特定的班级。

::ng-deep container .page
{
    max-width: 35rem; /* Max width for all page elements */
}

::ng-deep container .apply .page
{
    /* Max width for all page elements which have a parent with 
    max-width: 35rem; 'apply' class*/
}

::ng-deep container :not(.dont-apply) .page
{
  /* Max width for all page elements except these which have a parent with 'dont-apply' class*/
    max-width: 35rem; 
}