Reactjs 在物料界面中创建专用性下一步并作出反应

我试图在MaterialUI中创建一个类专用性，其方法与它们允许您使用伪类相同，但用于嵌套元素。例如，在Material UI Next（MUI Next）中，我可以创建一个包含样式的类：

const styles = {
  appbar: {
     background: '#6d6146',
     '&:hover': {
        background: '#9e8e6a',
     },
  },
};

这样使用它

<Toolbar className={classes.appbar}>
  ... blah blah blah
</Toolbar>

是的，有一些方法可以使用MUI控件属性正确地执行此特定示例，请记住这是一个示例。现实世界中的代码非常复杂，而且有很多代码

我希望使用主父类作为钩子类，通过特定方式访问该超链接。所需的渲染css如下所示：

.appbar {
    background: #6d6146;
}
.appbar:hover {
    background: #9e8e6a;
}
.appbar a{
    color: #d63302;
}

---

我试图创造特殊性的做法没有奏效。这就是我所尝试的：

const styles = {
   appbar: {
      background: '#6d6146',
      '&:hover': {
          background: '#9e8e6a',
      },
      'a': {
        color: '#d63302',
      },
   },
};

根据MUI接下来如何处理伪类以创建特定性，元素特定性应该可以工作，但不能。如果我没有使用正确的语法，是否可以这样做，或者这是不受支持的

记住，这是下一个找到的材质UI。与旧的材质UI完全不同

这是给你的运动场。提前谢谢

试试这个：

appbar: {
    background: "#6d6146",
    "&:hover": {
      background: "#9e8e6a"
    },
    "& a": {
      color: "black",
      "&:hover": {
        color: "red"
      }
    }
  }

---

工作

“我试图创造特殊性的尝试不起作用。”–你这是什么意思？不创造特殊性。没有呈现CSS所需的行为是什么？问题在于您是否尝试过：

？这就是问题所在！非常感谢。

appbar: {
    background: "#6d6146",
    "&:hover": {
      background: "#9e8e6a"
    },
    "& a": {
      color: "black",
      "&:hover": {
        color: "red"
      }
    }
  }