angular style component code example

Example 1: ng-deep

::ng-deep{
	// some css
}

Example 2: styles in angular component

@Component({
  selector: 'app-root',
  template: `
    <h1>Tour of Heroes</h1>
    <app-hero-main [hero]="hero"></app-hero-main>
  `,
  styles: ['h1 { font-weight: normal; }']
})
export class HeroAppComponent {
/* . . . */
}

Example 3: angular inline component

> ng generate component <component-name> --inlineTemplate=true --inlineStyle=true