风格不适用于sass中的子元素

Question

我有一个子元素，它使用从变量传递的简单字符串自定义类进行渲染。因为它是一个变量并且会改变，所以我想在scss中编写条件样式。变量“差”时显示的示例＆＃39; - ＆GT; current.range.total = 'poor'。

<div className={styles.score__content}>
   <div className={current.range.total}>

我的scss是：

&__content {
  .poor {
    padding: 2em 2.81em;
    background-color: #000 !important;
  }
}

我也尝试过：

<div className={styles.score__content + ' ' + current.range.total}>

然后scss：

&__content {
  &.poor {
    padding: 2em 2.81em;
    background-color: #000;
  }
}

但无济于事。任何想法为什么没有被应用的想法？