:: Angular4中不推荐使用ng-content

Question

众所周知，Angular4正在远离阴影刺穿的后代组合。 我仍然需要支持IE11，所以CSS变量不是一个选项。 我有以下代码：

block.component.html:

<div class="decorators">
  <ng-content></ng-content>
</div>

app.component.html:

<block>
  <h1>foo</h1>
  <hr />
  <p>blah</p>
</block>

我希望我的块中的所有hr都有"border-top: 2px solid red;"

那么最好的地方是什么？ 我不能在不使用block.component.css

的情况下放入::ng-deep

EDIT:
It would be working in my `app.component.css` as long as the blocks are directly in its template, and not wrapped up in another component.

所以我唯一的选择是使用全球main.css。我并不热衷于那个解决方案，因为我会有一些css在任何地方放置一个样式相同的组件。 我最好的选择是什么？