*コンポーネントで指定されたコンポーネントスタイルは原則としてコンポーネントの中だけで有効
*コンポーネントスタイルで使用されているセレクター式はコンポーネントローカル
*styles
<pre>
@Component({
selector: 'app-nav-menu',
templateUrl: './nav-menu.component.html',
styles: [`
a.navbar-brand {
white-space: normal;
text-align: center;
word-break: break-all;
}
`,`
html {
font-size: 14px;
}
`,`
@media (min-width: 768px) {
html {
font-size: 16px;
}
}
`,`
.box-shadow {
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}
`]
})
export class NavMenuComponent {
</pre>
*styleUrls
<pre>
@Component({
selector: 'app-nav-menu',
templateUrl: './nav-menu.component.html',
styleUrls: ['./nav-menu.component.css']
})
export class NavMenuComponent {
</pre>
==サービス==