Html 更改链接背景和颜色

目前，我在尝试设置链接按钮样式时遇到了一个问题

我目前拥有解锁按钮的代码：

a.linktest:link{
    color:#00F;
    border: solid 0.125em #5f9eA0;
    border-radius:0.3125em;
    text-decoration: none;
    background-color:#FFFF33;
}

及

其中引用了类“linktest”。我遇到的问题是，当我将鼠标悬停在按钮上时，它会更改文本、边框和背景的颜色；文本和边框的未勾选按钮的颜色与我指定的颜色不一致

我做错什么了吗

---

编辑：这是我正在测试的相关链接

只需删除

：链接

a.linktest{ /* Remove :link*/
  color:#00F;
  border: solid 0.125em #5f9eA0;
  border-radius:0.3125em;
  text-decoration: none;
  background-color:#FFFF33;
}
a.linktest:hover{
   color: #FF0000;
   border-radius:0.3125em;
   border: solid #FFFF33 0.125em;
   text-decoration: none;
   background-color: white;
}

---

检查它是否正常工作：

jsfiddle.net和post link（单击保存）“未点击”是指从未点击过的按钮，还是未悬停的按钮？未悬停的按钮。您的小提琴失败，因为您的CSS顶部有一个额外的

}

，谢谢您指出，我只是复制并粘贴了我的代码。它以前不起作用，但我现在已经修复了：）它起作用了，尽管我不太清楚如果我放：link为什么它不起作用。谢谢你！问题是@j08691所提到的，而不是link伪属性，你可以毫无问题地使用它，你只是有一个额外的花括号

a.linktest{ /* Remove :link*/
  color:#00F;
  border: solid 0.125em #5f9eA0;
  border-radius:0.3125em;
  text-decoration: none;
  background-color:#FFFF33;
}
a.linktest:hover{
   color: #FF0000;
   border-radius:0.3125em;
   border: solid #FFFF33 0.125em;
   text-decoration: none;
   background-color: white;
}