用jss绘制样式

Question

嗨，我正在尝试在react项目中将material-ui与图表一起使用。

我正在尝试将以下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的元素，但是我不确定它是否重要。我将类重命名为驼峰式大小写的尝试未成功作为字符串或不是字符串。

Answer 1

没有效果，因为“图表”通过样式属性设置笔触不透明度，该属性的优先级高于样式定义。要覆盖，您需要添加!important或设置display: none而不是不透明度。