在锚标记中创建CSS效果

Question

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

想要对div中的文本创建一些效果。

我编码了，但没有显示效果。我希望当用户在url上使用鼠标时，背景应该更改为黄色：

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

在这里的按钮也不提供悬停效果。谁能让我知道CodePan.com有什么效果？

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

http://www.codepen.io/karimkhan/pen/riklv

UPDaTE

我想让盒子保持单键可点击。并希望在鼠标过度时更改url。

Answer 1

在您的代码中有一个错误，h4:hover必须一起：

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

请注意，我是如何删除h4:和悬浮之间的空间的。

按钮的问题是您的CSS不正确，您忘记在类的名称(即：. )之前添加一个.button。我刚刚更新了小提琴来添加这个。

这里是个能干的骗子。

Answer 2

尝试：

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