使用 scss 重新绘制样式

Question

我需要删除图表水平网格最后一行，这是scss：

.hideLastLine {
  .recharts-wrapper {
    .recharts-surface {
      .recharts-cartesian-grid {
        .recharts-cartesian-grid-horizontal {
          line:last-child {
            stroke-opacity: 0 !important;
          }
        }
      }
    }
  }
}

并将其应用到响应式容器中：

 <ResponsiveContainer width={width} height={height} className={styles.hideLastLine}>
      <LineChart data={chartData}>
        <CartesianGrid />
         {...}
      </LineChart>
    </ResponsiveContainer>

但是我的样式没有生效，知道为什么吗？