如何在material-uistyles/JSS中selectid？

Question

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

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

Answer 1

您可以将 css 添加到元素 ID 的一种方法是用 parent div（或任何其他元素）将其包装起来，然后将 CSS 提供给parent 并嵌套 child 的 CSS

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

// Inside the render method

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