由于某种原因，我的类&“ hidden-mouseketeer&”无法正确读取我的CSS文件。它是一个包含摆动动画的图像，并将左右摆动。（图像中心也不会）。页面的其余部分正在从CSS文件中读取。

出于某种原因，如果我在类名的末尾添加一个空格并保存它，它将在某种程度上启动CSS.刷新页面后，它会正常阅读。但不久之后，它将停止渲染我喜欢的方式，图像将全面展开。

这是REACT部分，包含导入

import HM from "../img/HiddenMouseketeer.png";
import "../style/App.css";

    <Container fluid>
      <Container class="mx-auto">
         <Image src={HM} class="hidden-Mouseketeer" alt="Hidden Mouseketeer" />
      </Container>
    </Container>

下面是CSS样式部分

.hidden-Mouseketeer{
  width: 20%;
  animation: swing 6s infinite;
}

@keyframes swing {
  0%{
    transform: rotate(0deg);
  }
  25%{
    transform: rotate(-45deg);
  }
  50%{
    transform: rotate(0deg);
  }
  75%{
    transform: rotate(45deg);
  }
  100%{
    transform: rotate(0deg);
  }
}

任何帮助都很感激！

顺晟科技：

对于React组件，您需要使用类名而不是类。