angular2 中使用第三方组件样式调整

组件是ANGULAR2的精髓，网上也有很多开源的组件，比如PRIMENG , 带有很多UI 组件。

但是因为很多组件需要调整默认样式，根据官方的css 类加到组件中，

:host /deep/ .ui-datatable-scrollable-body {

height: 500px;

}

关键字 :host 元素宿主选择器

/deep/

组件样式通常只会作用于组件自身的 HTML 上。

我们可以使用/deep/选择器，来强制一个样式对各级子组件的视图也生效，它不但作用于组件的子视图，也会作用于组件的内容。

在这个例子中，我们以所有的<h3>元素为目标，从宿主元素到当前元素再到 DOM 中的所有子元素：

:host /deep/ h3 {
  font-style: italic;
}

参考链接:https://angular.cn/docs/ts/latest/guide/component-styles.html