пересматривает стиль с JSS

Question

Привет, я пытаюсь использовать material-ui с recharts в реактивном проекте.

Я пытаюсь перевести следующий CSS в jss.

.recharts-wrapper .recharts-cartesian-grid-horizontal line:last-child {
    stroke-opacity: 0
}

Моя попытка:

import createStyles from "@material-ui/core/styles/createStyles";

export const styles = () =>
  createStyles({
    root: {
      'recharts-wrapper': {
        'recharts-cartesian-grid-horizontal': {
          'line': {
            '&:last-child': {
              'stroke-opacity': 0
            }
          }
        }
      }
    }
  }
);

это не имеет никакого эффекта.Я вижу, что существует элемент с именем recharts-cartesian-grid между recharts-wrapper и recharts-cartesian-grid-horizontal, но я не уверен, что это имеет значение.Мои попытки переименовать классы в дело верблюда не увенчались успехом как строки или не как строки.