将鼠标悬停在另一个链接

Question

我想展示＆＃34; W3＆＃34;在我的页面上。我想要这个＆＃34; W3＆＃34;徘徊，＆＃34; West Acton＆＃34;，＆＃34; North Acton＆＃34;和＆＃34; South Acton＆＃34;显示在＆＃34; W3＆＃34;前面。所有这些都是可点击的链接。

所以当我将鼠标悬停在链接上时，我需要显示3个不同的链接。

例如：

.classname :hover : after {   
content : "url 1" "url 2" "url 3" ;
}

Answer 1

删除选择器中的空格。 .classname :hover表示<{1}}元素中的任何悬停元素 。如果你想在悬停时解决classname'd元素，你需要classname。

.classname:hover

.classname:hover::after {   
  content : "url 1"
}

此外，它是<a href="#" class="classname">hover here </a>有两个冒号，因为它是一个伪元素。虽然大多数浏览器仍然支持一个冒号的旧标准 ::after是一个伪类，所以一个冒号就好了。

编辑：我看到我严重误解了这个问题 您希望:: after文本是可点击的链接，或者更确切地说是三个。仅靠CSS无法做到这一点。您需要从头开始将三个链接放在html中，然后在悬停时显示它们。

你走了。

:hover

.container a {display:none}
.container:hover a {display:inline}