如何在material-ui styles/JSS中选择id？

Question

我正在编写一个 React 应用程序并使用 @material-ui/styles，它基于 JSS。我正在使用高阶组件 API 进行样式设计。如何在样式中通过 id 指定元素？我搜索了 Material UI 和 JSS 文档，但找不到任何相关信息。就像是：

const styles = (theme) => {
  className:{
    propertyName:"something something"
  },
  #elementId:{
    propertyName:"something something"
  }
}

Answer 1

将 css 添加到元素 Id 的一种方法是用父 div（或任何其他元素）包装它，并向父元素提供 CSS 并嵌套子元素的 CSS

const styles = (theme) => {
  parentDiv:{
      "& #childId": {
          propertyName: "something something"
      }
  },
}

// Inside the render method

<div className={styles.parentDiv}>
    <div id="childId" />
</div>