강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

정종범님의 프로필 이미지
정종범

작성한 질문수

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

TodoHeader 컴포넌트 구현

CSS scoped 속성 관련 질문

작성

·

213

3

강의 중 1:30초 부분에서 CSS의 scoped를 이용하는 이유에 대해서 설명해주셨는데,  잘 이해가 가지가 않네요.

추가적으로 자세한 설명을 해주시면 감사하겠습니다.

답변 1

3

캡틴판교님의 프로필 이미지
캡틴판교
지식공유자

안녕하세요 종범님, 네 질문하신 scoped 속성 설명드리겠습니다. scoped 속성은 해당 컴포넌트에만 제한되는 CSS 규칙을 추가하고 싶을 때 사용하시면 됩니다. 일반적으로 CSS는 명시도(specificity)에 따라 페이지 전체에 해당 스타일이 적용되는데요. scoped 속성은 이런 규칙과는 다르게 해당 컴포넌트에만 적용되는 스타일을 작성할 수 있습니다. 만약 이해가 잘 안 가시면 scoped 속성을 붙였다, 뗐다를 해보고 스타일이 어떻게 적용되는지 확인해보시면 될 것 같아요.

강의 수강해주셔서 감사합니다! :)

정종범님의 프로필 이미지
정종범

작성한 질문수

질문하기