Angularコンポーネントのスタイルファイル

ファイルapp.component.cssには、コンポーネントのスタイルが配置されます。これによりAngularは、これらのスタイルのモジュール性を自動的に保証します。これは、すべてのスタイルが他のタグに影響を与えることなく、私たちのコンポーネントのレイアウトにのみ適用されることを意味します。

例として、divのテキストをスタイリングしてみましょう：

div {
	color: red;
}

テキストを含む2つのdivを作成してください：1つはコンポーネントのレイアウト内に、もう1つはサイトのレイアウト内に。コンポーネントのdivをスタイリングしてください。サイトレイアウト内のdivがスタイリングされていないことを確認してください。