1、警告内容信息
chunk-vendors.7cbf7f33.js:266 [Deprecation] /deep/ combinator is no longer supported in CSS dynamic profile. It is now effectively no-op, acting as if it were a descendant combinator. /deep/ combinator will be removed, and will be invalid at M65. You should remove it. See https://www.chromestatus.com/features/4964279606312960 for more details.
2、出现警告的代码
/deep/ .info {
position: relative;
padding-left: 20px;
color: rgb(119, 119, 119);
/deep/ i {
position: absolute;
font-style: normal;
background: rgb(221, 221, 221);
width: 5px;
height: 30px;
top: -5px;
left: 0px;
}
}
3、解决问题及分析
这里看到父标签已经有/deep/
,但是这里子标签也加上了/deep/
,所以谷歌浏览器会报这个警告,这里只需要将字标签的/deep/
删除即可。
/deep/ .info {
position: relative;
padding-left: 20px;
color: rgb(119, 119, 119);
i {
position: absolute;
font-style: normal;
background: rgb(221, 221, 221);
width: 5px;
height: 30px;
top: -5px;
left: 0px;
}
}