Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
重写vue vuetify项目中的特定css属性_Css_Vue.js_Vuetify.js - Fatal编程技术网

重写vue vuetify项目中的特定css属性

重写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

我在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
,而平顶和凸起道具不再可用

您可以使用
:not
关键字排除
平顶
凸起
或任何其他情况

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