ionic加载css文件的流程是什么？

Question

我的 Ionic 的版本是 3.9.2。我通过使用创建一个新项目 ionic start myApp tabs。

而且我发现不是每个组件都手动导入scss文件，而是页面加载了css样式。所以，我有一个问题。 ionic怎么知道哪个scss文件对应哪个组件？

而我试图在文档中寻找答案，发现了这句话。

页面是动态加载的，它们不需要选择器。但是，选择器对于覆盖特定页面上的默认样式很有用（请参阅 hello-ionic.scss）：

我不明白这句话是什么意思。

谢谢。

Answer 1

除了特定于每个页面的 scss 文件外，ionic 在 app 文件夹 (src/app/app.scss) 中还有一个 scss 文件。有什么，值得所有页面。当文件特定于页面时，这意味着您在该 scss 文件中使用的任何内容都将特定于它所属的页面。除了这两个地方，在ionic的结构中，还有一个粘贴主题（src/theme），还有一个scss文件（variables.scss），打开后会看到有一些标准颜色系统以及其他细节。例如，如果要测试，请更改“主要”变量的颜色。您会注意到应用的默认颜色发生了变化。

希望对你有帮助！