为什么Safari在开发工具中使用和显示错误的CSS类？

我使用普通的

ng serve

和Angular 10/Sass，在Safari中得到了这种疯狂的行为，它使用并显示了错误的类。也就是说，存在于样式表中但不是元素上的类

在下图中，您可以看到左侧的my

div

具有

fill

类，右侧显示的是

fill view height

类-我的样式表中的一个完全不同的类，它不在该元素的层次结构中：

下面这张图片是它在Chrome（如图）和Firefox（如图）中的样子

最后，这里是一个图像，显示了当我使用inspector从左侧删除

fill

类时，它在Safari中的样子。您可以看到，现在右侧栏中的

填充视图高度已消失：


fill-view-height
直接跟随我的站点级样式表中的
fill
，但我重新安排了顺序，结果没有什么不同。我还将
fill
重命名为完全不同的名称，但这并没有什么不同。它在Chrome/Firefox中仍然有效，但在Safari中不起作用。我还重新运行了
ng service
，并尝试了一个私人窗口。我希望能深入了解我所目睹的疯狂，或者提供一些关于如何追踪问题的建议