React and Emotion (css) : styling cells in table

Question

I'm somewhat new to React, so bear with me. I need to style all cells of a table element. In plain css it would look something like this:

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

But how would I accompish that with Emotion?

Answer 1

Trying something like this.

<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>