Vue에서 css 범위 설정은 global, scope의 두가지의 방식이 있다.
- global로 하면 모든 dom에 적용됨.
- scope로 하면 컴포넌트 안에 있는 DOM에서만 적용됨.
부모 컴포넌트에서 적용할 수 있는 범위
1. 자식 컴포넌트에 class 부여하여 css 먹이기
2. 자식 최상위 DOM에만 접근 가능, 더 안쪽으로 들어가고 싶으면 ::v-deep 또는 >>> , /deep/을 활용하면 됨.
Curious for Everything