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。