已访问的材质UI图标上的Reactjs StyleSheet选择器

Question

我有一个带有Typescript的React.js应用。我想禁用锚标记上已访问的“材质图标”颜色，并且具有以下样式表。

  const useStyles = makeStyles((theme: Theme) =>
    createStyles(
    myAnchor: {
      "&:visited": {color: "inherit"},
      "&:hover": {color: "inherit"},
      "&:active": {color: "inherit"}
    }
    ...
  )
  const classes = useStyles();

但是当我执行<a className={classes.myAnchor}><FacebookIcon /></a>时，它不起作用。 "&:visited"我有什么问题吗？

Answer 1

从makeStyles中删除createStyles

const useStyles = makeStyles((theme: Theme) => ({
  myAnchor: {
    "&:visited": { color: "inherit" },
    "&:hover": { color: "inherit" },
    "&:active": { color: "inherit" }
  }
}));

---

参考：关于makeStyles的Material-UI样式文档使用演示>