我还是 Angular 的新手，并注意到如果向组件提供 StyleUrls 属性，它们似乎不会自动集成到 styles.js 中，但前提是我将它导入到我的主样式文件中。 实际上我认为，这没有必要，现在我问自己我添加 StyleUrls 是为了什么？！我错过了配置或设置中的某些内容吗？是因为我用的是LESS吗？
非常感谢任何建议。
干杯， 汤姆
【问题讨论】：
标签： angular angular-cli angular-components
好的，所以我只是回答我自己以及现在和将来面临同样问题的所有其他初学者：
我的问题是误解了 Angular 中的样式行为。
假设我们有一个带有选择器app-root 的组件app.component.ts 和一个添加到组件属性styleUrls 的样式文件app.component.css（或更少或其他）。
现在，如果我将选择器 app-root 的样式添加到组件的样式表中，它 不会 被识别。如果我将它添加到全局 styles.css（或更少或其他），它 将 被识别。
Angular仅识别样式文件中的样式选择器用于组件的子元素，但不能识别组件的根元素本身（我仍然觉得令人困惑）。
【讨论】：
您可以将全局 less 文件添加到 angular-cli.json 文件中的样式部分：
"styles": [ "my-style.less",
"styles.css"]
在你的组件中你可以使用：
styleUrls: ['./component.less']
你可以像这样创建一个新的应用程序以防使用更少：
ng new your_project --style less
【讨论】：