Ng-cli - 组件样式应用于错误的组件标识符

Question

我有一个带有类型选择器和通配符的全局样式集：

div[class^="col-"] {
  ...
  text-align: center;
}

我有一个包含此HTML的组件：

<div class="col-3">
  <h5>counts</h5>
</div>

我的规范要求<h5>左对齐，而不是居中。所以在我的组件的本地css文件中我有：

h5 {
  text-align: left;
}

当我渲染页面时，标题居中。尝试调试，我转到Chrome开发者工具中的元素选项卡，找到文档头中的样式（注意ngcontent标识符）：

<style>h5[_ngcontent-c1] {
  text-align: left;
}</style>

但是当我在同一个窗格中找到<h5>元素时，我看到（注意ngcontent标识符与样式标识符不同）：

<h5 _ngcontent-c10>counts</h5>

所以，我回到文档头部的样式和编辑为HTML的样式：

<style>h5[_ngcontent-c10] {
  text-align: left;
}</style>

我的标题元素左对齐，这意味着已编译的源将样式指向错误的组件标识符。有人经历过吗？有没有办法配置ng-cli以正确地将我的组件样式指向正确的组件标识符？

Angular：5.0.2 ng-cli：1.7.3 打字稿：2.3.2