styling angular 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