角材料覆盖style.css

Question

我正在尝试更改padding上的mat-cell，但我注意到一些奇怪的行为。 如果我将css写入组件的css文件中，则一切正常，但是如果我将其写入style.css（我想将其应用于整个应用程序），则默认情况下它将被覆盖。

我想这与css文件的应用顺序有关。如果是这种情况，我如何看待此顺序，是否可以更改它或将style.css置于顶部？

Answer 1

我建议创建一个单独的.scss文件，该文件保留用于设置全局Angular Material元素的样式，并将其导入到主要的styles.scss文件中。 回答您的问题-可能您不够“具体”。首先，最好在Material元素中添加一个附加的自定义类，这样自定义样式将仅在存在该类时才应用。样式示例

.mat-table.my-custom-class {
   width: 100%;

   .mat-cell {
     font-size: 20px;
     padding: 20px;
   }
}

您可以将元素事件更多地嵌套以提高CSS的特异性

Answer 2

对我有用：

pg_hba.conf

Answer 3

使用开发人员工具检查默认样式的父作用域，该作用域将覆盖style.css中添加的css。与！important一起使用相同的父母范围。