Question

在我的棱角分明的应用程序中，我为身体添加了一个类名，例如：

ngOnInit() {
    this.store.updatePageClass('page-quoteCart');
  }

在page.css上，我正在编写类似的类：

@media only screen and (min-width: 320px)  and (max-width: 620px) {

    .page-quoteCart{
        border:2px solid red; //but not added
    }

}

但是没有得到输出。如果我在assets文件夹中的style.css中写入相同的内容，则可以正常工作。这是什么问题？

如何根据页面写CSS？

Answer 1

请在您的html中添加encapsulation: ViewEncapsulation.None。它将解决您的问题。

例如，在更新encapsulation: ViewEncapsulation.None之后-组件文件将如下所示：

import { Component, ViewEncapsulation } from '@angular/core';

@Component({
  selector: 'xxxxx',
  templateUrl: 'xxxxx.html',
  styleUrls: ['xxxx.scss'],
  encapsulation: ViewEncapsulation.None
})

无法通过页面CSS文件为`body`标签添加值

1 个答案: