记一个safari兼容性问题

1.问题代码

:not(.el-dialog__body .el-form-item--small.el-form-item){
   margin-bottom:22px
   max-width: 360px;
}

2.问题描述

这段我本来只是想修改除了.el-dialog__body下的所有.el-form-item--small.el-form-item的样式，这段代码在谷歌浏览器上是没有问题的，结果到了safari浏览器上它直接修改了所有div的样式

3.总结

:not伪类在safari浏览器上存在兼容性问题，尽量减少使用

欢迎关注「不出户」公众号 

在公众号回复「python」，获取全套python学习资源。

在公众号回复「vue」，领取vue核心教程

在公众号回复「react」，领取react全套教程

在公众号回复「angular」，领取angular学习资源

在公众号回复「算法」，领取算法学习教程

在公众号回复「nodejs」，领取nodejs学习教程，更有更多精品资源敬请期待