vue3使用深度选择器

vue3.0 less直接使用::v-deep或者/deep/深度选择器抛出如下警告

[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead.

原因 : 新的vue3.0 单文件规范::v-deep写法已经被废弃了

解决: 修改成 如下写法，不要加空格

//正确写法
:deep(.el-form-item__label) {
  font-size: 15px;
  color: rgb(22, 22, 22);
}
:deep(.el-form-item) {
  margin-bottom: 0;
}

　　

//错误写法
 ::v-deep .el-form-item__label {
  font-size: 15px;
  color: rgb(22, 22, 22);
}