锐客网

  1. 首页 > 睿知 > it技术 > >

将CSS样式应用于悬停时访问的链接

IT知识问答WordPress网站开发链接css

我想做的是在我的网站上WordPress页面的正文内容中包含链接的背景, 但要在悬停时更改样式, 但前提是该链接为访问链接。
这是我已经尝试过的：

/* Page content hover styles */ .page .entry-content a:hover:visited { background: #C5C5E8 !important; }

但是, 即使！重要, 它仍然没有生效。我不确定自己在做什么错。
这是有问题的页面：
About

悬停访问的链接时如何应用样式？
更新： 这是我今天在2018-08-20的关于页面。我正在跟进并测试建议的解决方案, 这些图像将有助于阐明我的回答。
图。1。
将CSS样式应用于悬停时访问的链接

文章图片
这是我为测试@Johannes的答案而添加的代码：
.page .entry-content a：visited：hover {背景：紫色；字体样式：斜； }
#1 使用a：visited：hover(注意顺序)
a:link {color: red; }a:visited {color: green; }a:hover {color: yellow; }a:visited:hover {color: blue; }

< a href="http://www.srcmini.com/#"> Testtest< /a>

#2 这是用于记住以下顺序的助记符：链接, 已访问, 悬停, 活动。字母是L, V, H, A, 因此你可以使用LoVe, HAte。
a:link {color: blue; }-> unvisited link a:visited {color: purple; }-> visited link a:hover {color: red; }-> mouse over link a:active {color: yellow; }-> selected link

由于你想在悬停时为访问的链接应用样式
你可以使用a：visited：hover。
你还可以签出：
【将CSS样式应用于悬停时访问的链接】CSS伪类
CSS链接伪类

    推荐阅读


    上一篇：引入SpringCloud-gateway报错的解决方案

    下一篇：Avada WordPress主题（容器背景不起作用）