在锚标记中创建CSS效果

Question

我有div框，它位于锚标记内。

想要对div内的文字产生一些影响。

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

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

这里的按钮也没有给出悬停效果。有人可以让我知道CodePan.com中有哪些效果

我想保留我的颜色并尝试创建渐变和悬停效果，因为它在Codepan.com按钮上

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

更新

我想保持盒子单击。并希望在鼠标被覆盖时更改网址。

Answer 1

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

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

请注意我如何删除 h4：和悬停

之间的空格

您使用按钮时遇到的问题是您的CSS不正确，您忘记在班级名称之前添加.，即：.button。我刚刚更新了jsfiddle以添加它。

Here是一个有效的工作人员。

Answer 2

尝试：

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