在AngularJS 2中，組件的CSS是與組件本身緊密關聯的。每個組件都有自己獨立的CSS文件，這意味著我們可以為每個組件定制獨特的外觀和樣式。 要使用組件CSS，我們只需在組件元數據中添加CSS引用。例如，以下代碼片段演示了如何在組件元數據中添加CSS引用：

@Component({
selector: 'my-component',
templateUrl: 'my-component.html',
styleUrls: ['my-component.css']
})

這里，我們將組件CSS文件引用添加到了@Component裝飾器中，該裝飾器已經用于聲明該組件的元數據。 值得注意的是，我們可以同時添加多個CSS文件到一個組件中。只需在@Component裝飾器中的“styleUrls”屬性中添加一個字符串數組即可。 此外，當我們在組件CSS文件中編寫樣式時，我們可以使用一些特殊的CSS選擇器來定位組件內的元素。例如，以下是一些常用的選擇器：

:host – 選擇組件自身的樣式
:host(.class) – 選擇帶有特定類的組件
:host-context(selector) – 在組件外部選擇器的上下文中選擇組件

這些選擇器可以幫助我們輕松地在組件CSS中穿插全局樣式和局部樣式。 最后，值得注意的是，AngularJS 2將所有組件的CSS文件打包到單個CSS文件中。這樣做可以減少加載時間，并提高性能。不過，這意味著我們需要小心編寫CSS，避免出現樣式沖突。 總體而言，AngularJS 2的組件CSS為我們提供了更加靈活和精細的樣式控制。通過使用組件CSS，我們可以輕松定制每個組件的樣式，提高用戶界面的美觀性和可用性。