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

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

17.06.2020 02:06:46 Просмотров 1 Источник

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

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

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

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

У вопроса есть решение - Посмотреть?

Ответы - Переопределение определенных свойств css в проекте vue-vuetify / Overriding specific css properties in vue-vuetify project

Является ответом!
Cray

17.06.2020 02:23:04

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

.v-sheet.v-card:not(.v-card--raised):not(.v-card--flat) {
  box-shadow: 3px 3px 30px #959595;
}
Закрыть X