Html Safari忽略样式表层次结构

我正试图弄明白为什么谷歌Chrome和Safari在这个页面上的字体样式完全不同：。Chrome可以按照我的要求读取我的样式表，但是Safari似乎忽略了它的工作原理。你知道为什么会发生这种情况，以及我如何解决它吗

这就是它在Chrome中的样子（我希望它在所有浏览器上都是这样）：

这是Safari中的外观：

---

虽然我不能确定是什么原因导致了这种情况，但Safari确实不喜欢您的样式表：。这可能和清理这些兼容性问题一样简单。谢谢，我会尝试清理它，并让您知道发生了什么。@Ryan Miller，这很有效！再次感谢您的帮助。