CSS模块：＆.className

Question

是否可以用CSS Modules做类似的事情？

CSS

.dateLabel {
  text-align: center;

  &.today {
    background: red;
  }
}

JS

import s from './style.scss';

return (
    <div class={`today ${s.dateLabel}`}>
     ...         
);

因为我想avoid这样做：

.dateLabel {
  text-align: center;
}

.today {
  background: red;
}

JS

import s from './style.scss';

return (
    <div class={`${s.today} ${s.dateLabel}`}>
     ...         
);

Answer 1

您可以使用sass Ampersnad实现这一目标。