Javascript 基于css的情感嵌套

我有以下JSX结构

<div css={content} style={{ minHeight: props.minHeight }}>
  <p css={description}>{props.description}</p>
</div>

---

提前谢谢

在您的示例中，content css对象没有关于什么是“描述”的引用。您可以这样引用描述段落标记：

const description = css({
  background: 'yellow',
});

const content = css({
  '&:hover': {
    p: {
      background: 'red',
    },
  },
});

---

您可以在组件文件中导入css文件，并将

className

添加到描述标记中。它也会起同样的作用。我不知道

reactjs

中有一个

css道具。你能告诉我文档链接吗？嘿，库马尔，我很感激你的回答，但这与这里无关：（我用的是样式。你可以读一下。哦，我不知道。我需要了解一下。
const description = css({
  background: 'yellow',
});

const content = css({
  '&:hover': {
    p: {
      background: 'red',
    },
  },
});