vue 3 深入符 警告 不生效 ＞＞＞ and /deep/ combinators have been deprecated. Use :deep() instead.

[@vue/compiler-sfc] the >>> and /deep/ combinators have been deprecated. Use :deep() instead.

// 正确
:deep(.el-input__inner) {
  border: none;
  background: #f5f6fa;
  margin-bottom: 20px;
}
:deep(.el-input__inner:focus) {
  background: #e7eaf3;
}
// 警告
/deep/ .el-button {
  width: 100%;
}

现在vue3 的根节点可以有多个了，所以如果根节点有多个的话也会导致 deep 深入符不生效
1、组件要包含一个根节点
2、:global() 修改全局样式

使用:deep()后依旧不生效

vue3.0 深度选择器