React 和 Emotion (css)：table 中的样式单元格

Question

我对 React 有点陌生，所以请多多包涵。我需要为 table 元素的所有单元格设置样式。在普通的 css 中，它看起来像这样：

table.mailTable {
  border : 1px solid grey;
}

但是我要如何用 Emotion 来实现呢？

Answer 1

正在尝试这样的事情。

<table
    className={css`
      padding: 32px;
      background-color: hotpink;
      font-size: 24px;
      border-radius: 4px;
      &table.mailTable {
  border : 1px solid grey;
}
    `}
  >
    Hover to change color.
  </table>

React 和 Emotion (css)：table 中的样式单元格

React and Emotion (css) : styling cells in table

javascript

emotion

reactjs