我在我的 vuejs 项目中使用 vuetify，我的场景是这样的。
当我使用 v-card 时，我希望box-shadow: 3px 3px 30px #95959522;每次都在我的主 css 文件中将其覆盖为
.v-card {
box-shadow: 3px 3px 30px #95959522 ;
}
但是如果我使用默认属性，例如v-card flator v-card raised，那么我肯定想要box-shadow指定属性附带的属性，但是目前所有的 v-card 都具有上述box-shadow定义的属性，并且不再提供 flat 和 raise属性
您可以使用:not关键字来排除flat，raised或任何其他案件。
.v-sheet.v-card:not(.v-card--raised):not(.v-card--flat) {
box-shadow: 3px 3px 30px #959595;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句