Vuetify (1) 썸네일형 리스트형 [Vue.js] Vue 컴포넌트 내부 요소에 css 적용 방법 (딥 셀렉터) [Vue.js] 컴포넌트 내부 요소 css 적용 방법 문제 상황 Vuetify.js 컴포넌트를 사용하고 있는 중 제공되는 컴포넌트 내부 html 요소의 css를 커스텀하고자 하였다. 일반 css 작업처럼 뷰페이지 하단 영역에 css에 시도했는데 적용되지 않았다. 예를 들어 아래 같은 경우! 컴포넌트 구조의 내부 div 같은 html 요소에 스타일을 먹혀주고 싶었다. .v-image__image { // style~ } 이런 식으로 요소의 css에 직접 style을 적용해보았는데 통하지 않았다. 해결 방안 딥 셀렉터를 css 선택자 앞에 붙여서 해결하였다. ::v-deep {선택 요소 나열} /* slide banner custom */ ::v-deep .v-carousel__controls > div >.. 이전 1 다음
