Html 图标在悬停时翻转

我想像示例一样在悬停时翻转图标。我将代码复制并粘贴到我的ID中，并替换了自己的ID，但它不起作用。出什么事了？提前谢谢

a #logo-img{ 
    margin: 3px 20px; 
    -webkit-transition: 0.6s ease-out;
    -moz-transition:  0.6s ease-out;
    transition:  0.6s ease-out;
  }

  &:hover {
    a #logo-img{
      -webkit-transform: rotateZ(720deg);
      -moz-transform: rotateZ(720deg);
      transform: rotateZ(720deg);
    }
  }

---

你的CSS语法是关闭的；就好像你想写SCS什么的。将其修改为

a #logo-img{ 
    margin: 3px 20px; 
    -webkit-transition: 0.6s ease-out;
    -moz-transition:  0.6s ease-out;
    transition:  0.6s ease-out;
}

a #logo-img:hover {
  -webkit-transform: rotateZ(720deg);
  -moz-transform: rotateZ(720deg);
  transform: rotateZ(720deg);
}

---

它会起作用的。

我很高兴能帮上忙：）