Angular 컴포넌트 스타일 파일
app.component.css 파일에는 컴포넌트의
스타일이 배치됩니다. 이때 Angular는 이러한
스타일의 모듈성을 자체적으로
보장합니다. 이것은 모든 스타일이 다른 태그에
영향을 주지 않고 우리 컴포넌트의 마크업에만
적용된다는 의미입니다.
예를 들어 div의 텍스트를 스타일링해 보겠습니다:
div {
color: red;
}
텍스트가 있는 두 개의 div를 만드세요: 첫 번째는 컴포넌트 마크업에, 두 번째는 사이트 레이아웃에 넣습니다. 컴포넌트의 div를 스타일링하세요. 사이트 레이아웃에 있는 div는 스타일링되지 않을 것임을 확인하세요.
