css - 在 anchor 标记中创建 CSS 效果

Question

我有一个位于 anchor 标记内的 div 框。

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

我编码了，但没有显示效果。我希望当用户将鼠标悬停在 url 上时，背景应该变为黄色:

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

这里的按钮也没有悬停效果。谁能告诉我CodePan.com上有什么效果

我想保留我的颜色并尝试创建渐变和悬停效果，就像在 Codepan.com 按钮上一样

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

更新

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

Answer 1

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

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

请注意我是如何删除 h4: 和 hover

之间的空格的

您的按钮遇到的问题是您的 CSS 不正确，您忘记在类名前添加 .，即:.button .我刚刚更新了 jsfiddle 以添加它。

Here这是一个有效的 jsfiddle。