如何在withStyle / jss ready语法中翻译此CSS

问题描述

我正在尝试使用withStyle在React / material-ui下的CSS中使某些元素闪烁。

这篇文章的语法看起来不错： https://stackoverflow.com/a/48320520/9316077

.blink {
  animation: blinker 1s step-start infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

我只是尝试了以下方法：

    '@keyframes blinker': {
      '50%': {
        opacity: 0,},'& .blink': {
      animation: '$blinker 1s step-start infinite',

基于此问题，在$之前添加blinker： https://github.com/mui-org/material-ui/issues/13793

但这会使我的网页崩溃。任何想法？谢谢！

解决方法

关键帧名称是since JSS core v10生成的，因此在引用作用域名称时需要使用$，而在name / id为全局名称时则不需要$。