Angular 2：使用组件选择器应用 CSS 样式

Question

我正在学习 Angular 2，我想知道是否可以通过像这样使用组件选择器来应用 css 样式：

组件

@Component({
    selector: 'app',
    styleUrl: './local.css',
    templateUrl: './app.html',
})
export class AppComponent { }

风格

app {
    width: 10px;
    height: 100px;
    background-color: red;
}

假设这是可能的，这是最好的方法吗？

Answer 1

改用:host

:host {
    width: 10px;
    height: 100px;
    background-color: red;
}

如果您想从组件外部应用样式，请使用 app。

Angular 2: Apply CSS Style with component selector