个性化阅读
专注于IT技术分析

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

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

这是我已经尝试过的:

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

但是, 即使!重要, 它仍然没有生效。我不确定自己在做什么错。

这是有问题的页面:

About

悬停访问的链接时如何应用样式?


更新:

这是我今天在2018-08-20的关于页面。我正在跟进并测试建议的解决方案, 这些图像将有助于阐明我的回答。

图。1。

EricHepperle.com关于页面-将鼠标悬停在访问的链接上不起作用

这是我为测试@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="#">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链接伪类

赞(0) 打赏
未经允许不得转载:srcmini » 将CSS样式应用于悬停时访问的链接
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏