如何更改角度材质2 CSS导入顺序？

角2材料是将其主要的CSS样式在页面<head>总是下面我的自定义CSS样式。如果我需要重写它们，会在我身上产生影响。

我该如何强制Angular 2 Material将其核心CSS样式放在以上我在Angular CLI主（入口）CSS文件中定义的样式？

你能说明你是如何将链接放入.angular.cli.json中的样式数组的吗？ –

我没有在我的'angular-cli.json'中放置任何其他样式表，除了entry（main）app'styles.scss'。当我将它导入到我的'app.module.ts'中时，Angular 2材质会自动注入它的核心CSS。我想。 –

很想看到这个答案。这是一种规范，链接样式添加在cli应用程序的顶部，然后附加组件和模块的所需样式。还有，想知道为什么要这样做？ –

我想你遇到的问题是由于其在的index.html到你的CSS文件的一些参考和在角cli.json文件中有其他人。

下面是我的angular.cli JSON文件和index.html的例子

无论你在index.html的定义是要来你定义了什么之前在angular-cli.json文件中。如果您想对它们重新排序，请在angular-cli.json文件中包含对所有css文件的引用。

请注意我的styles.css文件是angular-cli.json文件中列出的最后一件事。

编辑（再次重读了原来的问题后）

我认为你需要创建自己的自定义主题，并将其导入。

每角材质的文档

为了风格的角度材质的刀具自己的组件，该组件的样式必须用无礼的话来定义。

所有你需要的是在定制组件theme.scss创建@mixin功能

见角材料对Theming your Own Components和style.css的文件他们Theming Guide

2017-06-05 19:18:48

进口材料的主题文件在根上：

例如

@import "../node_modules/@angular/material/prebuilt-themes/indigo-pink.css";

你可以自己替换indigo-pink.css。

2017-11-10 11:58:14 sanjay

回答