重写vue vuetify项目中的特定css属性
我在vuejs项目中使用vuetify,我的场景如下 当我使用v-card时,我想要重写vue vuetify项目中的特定css属性,css,vue.js,vuetify.js,Css,Vue.js,Vuetify.js,我在vuejs项目中使用vuetify,我的场景如下 当我使用v-card时,我想要盒影:3px 3px 30px#9522每次,我已经在我的主css文件中作为 .v-card { box-shadow: 3px 3px 30px #95959522 ; } 但是如果我使用默认属性,例如v-card flat或v-card raised,那么我肯定需要指定属性附带的box shadow,但目前所有v-card都具有上面定义的box shadow,而平顶和凸起道具不再可用您可以使用:no
盒影:3px 3px 30px#9522代码>每次,我已经在我的主css文件中作为
.v-card {
box-shadow: 3px 3px 30px #95959522 ;
}
但是如果我使用默认属性,例如v-card flat
或v-card raised
,那么我肯定需要指定属性附带的box shadow
,但目前所有v-card都具有上面定义的box shadow
,而平顶和凸起道具不再可用您可以使用:not
关键字排除平顶
、凸起
或任何其他情况
.v-sheet.v-card:not(.v-card--raised):not(.v-card--flat) {
box-shadow: 3px 3px 30px #959595;
}