Javascript 无法替代反应材质ui appbar中的样式

我制作了一个自定义组件，并尝试在AppBar中使用它，但样式没有被覆盖。我使用过makeStyles钩子，当我在外部使用它时，它可以正常工作，但当我在AppBar和ToolBar中使用它时，我无法覆盖UI

---

这是我的代码沙盒链接：

我可以看到AppBar中的链接也应用了相同的样式，但是由于z索引为负数，您无法看到下划线。

将zIndex添加到

链接将解决以下问题：

const useStyles = makeStyles(() => ({
  links: {
    zIndex: 0,
    ...

好了，现在我明白了。多谢各位