Переопределение определенных свойств c css в проекте vue -vuetify

Question

Я использую vuetify в своем проекте vuejs, и мой сценарий таков.

Когда я использую v-card, я хочу box-shadow: 3px 3px 30px #95959522; каждый раз, для чего я переопределил в своем основном css как

.v-card {
    box-shadow: 3px 3px 30px #95959522 ;
}

Но если я использую свойства по умолчанию, такие как v-card flat или v-card raised, то мне определенно нужен box-shadow, который идет вместе с указанными свойствами, но в настоящее время все v-card имеют box-shadow, как определено выше, а плоская и приподнятая опора больше не доступны

Answer 1

Вы можете использовать ключевое слово :not, чтобы исключить flat, raised или любые другие случаи.

.v-sheet.v-card:not(.v-card--raised):not(.v-card--flat) {
  box-shadow: 3px 3px 30px #959595;
}