css选择器在@keyframes之下不起作用，但在其上方起作用

Question

@关键帧上方和下方的选择器具有不同的颜色。这是我的第一个stackoverflow问题，它不允许我直接粘贴图像。

`.header-link:hover {
  color: #242424;
}

@keyframes fromBottom {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px;
  }
}

.item-container {
  position: relative;
  /* for the link */  
  overflow: hidden;
  background: linear-gradient(rgb(0,0,0),rgb(0,0,0));
  transition: all 2s ease;
}
`

Answer 1

很遗憾，我无法发表评论，但是您忘记在100％的范围内关闭其中一个翻译。

[transform: translateY(-10px;至transform: translateY(-10px);

代码中颜色的改变通常是由于类似的原因，请尝试在IDE中安装一个linter来帮助您，当您做错事时，它会向您显示。