and /deep/ combinators have been deprecated. Use :deep() instead问题解决

Problems

When compiling and packaging at the front end, it prompts "[@vue/compiler-sfc] the >>> and /deep/ combinators have been deprecated. Use :deep() instead." error message.

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

After a closer look, I found that there is no major problem.
The main reason is that the new version directly changed the syntax.

old code

//旧的书写方式
 /deep/ .ant-form.ant-form-inline {
    
    
    .ant-label-none {
    
    
      margin-right: 40px;
    }
    .ant-label-none:nth-last-child(2) {
    
    
      margin-right: 10px !important;
    }
  }

after modification

	//新的书写方式
   :deep(.ant-form.ant-form-inline){
    
    
    .ant-label-none {
    
    
      margin-right: 40px;
    }
    .ant-label-none:nth-last-child(2) {
    
    
      margin-right: 10px !important;
    }
  }

Get it done, call it a day!

illustrate

Mainly because of the Vue3 version, some syntax has been modified, and the new version needs to detect the new syntax format.