[Vue.js] Vuetify style 적용 안 될 때

예를 들면,

Vuetify에서 text-h1 클래스는 기본적으로 6rem으로 설정 되어 있다.

style 태그 내부에서

.v-application .text-h1 {
  font-size: 3rem
}

위와 같이 아무리 수정해도 적용이 안 되는데,

 

다음과 같이 !important를 넣어주면 적용이 된다. (반강제)

.v-application .text-h1 {
  font-size: 3rem !important
}