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要在组件外部应用样式时使用.