v-deep如何才能生效

 

示例

::v-deep .el-dialog {

  background: transparent !important;

  padding: 20px;

  border-radius: 4px;

}

在近期的项目中，需要深层次的修改，但不想影响其他页面的样式，放在该页面的css文件下修改，一开始用的/deep/的方式，有效但是编辑器会报错，这种写法似乎是被淘汰了的。网上搜索后改成了v-deep的写法，也没效果，偶然发现中间留个空格就行。在'deep'和'.'之间空一下就完事了。