css - 在锚标签中创建 CSS 效果

Question

我有位于锚标签内的 div 框。

想对 div 里面的文字做一些效果。

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

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

这里的按钮也没有悬停效果。有人可以让我知道 CodePan.com 中有什么效果吗

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

更新

我想保持框可单击。并且想要在鼠标悬停时更改 url。

score 2 · Accepted Answer

您的代码中有错字，h4:hover必须一起使用：

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

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

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

这是一个工作的jsfiddle。

score 0 · Accepted Answer

0

尝试：

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

于 2013-11-05T03:43:42.283 回答

2 回答 2