CODEWITHSUNDEEP
angularangular2-styleguide
Christopher N. KATOYI-KABA
Christopher N. KATOYI-KABA

Reputation: 85

Angular 2: Apply CSS Style with component selector

I'm learning Angular 2 and I wonder if it is possible to apply css style by using the component selector like this:

the component

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

the style

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

Assume it's possible, is it the best way to do that ?

Upvotes: 5

Views: 2181

Answers (1)

Günter Zöchbauer
Günter Zöchbauer

Reputation: 657268

Use :host instead

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

Use app when you want to apply styles from outside the component.

Upvotes: 11

Related Questions