在锚定标记中创建CSS效果

我有一个盒子，在锚标签里面

想要在div内的文本上创建一些效果

我编码了，但没有显示效果。 我希望，当用户将鼠标移到url上时，背景应变为黄色：

.fragment h4: hover {
  background-color:yellow;
 }

这里的按钮也不会产生悬停效果。有人能告诉我CodePan.com有什么影响吗

我想保持我的颜色，并试图创造梯度和悬停效果，因为它是在Codepan.com按钮

更新

---

我想保持单键点击框。并希望在鼠标悬停时更改url。

您的代码中有一个输入错误，

h4:hover

必须同时进行：

.fragment h4:hover {
background-color:yellow;
}

请注意我是如何删除h4:和悬停之间的空格的

按钮的问题是CSS不正确，您忘记在类名称之前添加

，即：

.button

。我刚刚更新了jsfiddle来添加这个

这是一个有效的JSFIDLE。

试试：

.fragment:hover h4 {
    background-color: yellow;
}

---

如果您将鼠标悬停在大div（.fragment）上，这将更改url的颜色。听起来它不需要JavaScriptCSS@tepkenvannkorn哦，天哪，不，如果不需要使用javascript，就坚持使用CSS。他实际上想在悬停时更改URL悬停在URL上时（据我所知）谢谢老兄。请你们检查一下按钮的问题好吗？你的答案对我来说几乎是正确的，请看我的最新答案！如果它解决了您的问题，请将此标记为正确答案，谢谢！非常感谢。老兄，我想创建一个按钮效果，就像在codepan.com登录按钮中一样。看起来很漂亮。我再试了一次，但不知道哪个参数使我选择的答案生效，但如果您能编辑按钮以获得更好的外观，我将不胜感激。如果你想看得更清楚，试着改变渐变颜色，当你试图改变它时，你得到了什么错误？