Html 使两个链接同时显示为选中状态

Html 使两个链接同时显示为选中状态,html,css,Html,Css,所以我有两个链接,它们都链接到同一个东西,甚至只是在不同的行上。然而,由于我使用的链接格式,我不得不将其一分为二。现在,当你在其中一个上面悬停时,它看起来很不稳定,而没有突出显示另一个。。。所以,如果有一种方法可以让另一个“被选中”(或者,悬停在上面),你能分享吗 这是我的密码: (我知道链接颜色与其背景形成了垃圾对比。我将在稍后修复所有这些内容后进行修复。我还知道单击链接会出现错误。我没有为它们添加JavaScript) .linko{ 字体大小:12px; 字体系列:arial; 文本对齐

所以我有两个链接,它们都链接到同一个东西,甚至只是在不同的行上。然而,由于我使用的链接格式,我不得不将其一分为二。现在,当你在其中一个上面悬停时,它看起来很不稳定,而没有突出显示另一个。。。所以,如果有一种方法可以让另一个“被选中”(或者,悬停在上面),你能分享吗

这是我的密码:

(我知道链接颜色与其背景形成了垃圾对比。我将在稍后修复所有这些内容后进行修复。我还知道单击链接会出现错误。我没有为它们添加JavaScript)

.linko{
字体大小:12px;
字体系列:arial;
文本对齐:居中;
位置:相对位置;
高度:41px;
宽度:65px;
保证金:2px0px 2px25px;
显示:内联块;
垂直对齐:顶部;
背景色:#69A373;
边界半径:7px;
}
答:林克,
答:访问,,
a:主动的{
位置:相对位置;
显示:内联块;
文字装饰:无;
边框底部:1px虚线#3C654D;
颜色:#3C654D;
-webkit过渡:所有0.3轻松输入输出;
-moz转换:所有0.3秒都易于输入输出;
-o-过渡:所有0.3秒的缓进-缓出;
-ms转换:所有0.3秒轻松输入输出;
}
a:悬停{
颜色:#163A29;
文字装饰:无;
边框底部:1px透明虚线;
-webkit过渡:所有0.3轻松输入输出;
-moz转换:所有0.3秒都易于输入输出;
-o-过渡:所有0.3秒的缓进-缓出;
-ms转换:所有0.3秒轻松输入输出;
}
a:以前{
内容:'';
显示:块;
位置:绝对位置;
右:0;
排名:0;
高度:1px;
宽度:0;
背景:透明;
过渡:宽度。5s缓和,背景色。5s缓和;
}
a:以后{
内容:'';
显示:块;
高度:1px;
宽度:0px;
背景:透明;
-webkit过渡:所有0.3轻松输入输出;
-moz转换:所有0.3秒都易于输入输出;
-o-过渡:所有0.3秒的缓进-缓出;
-ms转换:所有0.3秒轻松输入输出;
}
答:悬停:之前,
a:悬停:之后{
宽度:100%;
背景色:#163A29;
}


最近的警报 ·
根据请求更新:这是使用OP中的精确代码,并将addClass应用于多个

您可以使用addClass以多种方式影响链接。 下面是一个在所有“a”链接上使用背景的示例

如果您想添加伪类,有一种不同的方法。只需创建一个新类,在本例中,我使用jquery在hover上创建了一个.someclass和addClass。查看css和jquery的最后一行,看看我做了什么。它依次连接到“a”

CSS

Jquery

$('a').hover(function(){
    $('a').addClass('someclass');
},function(){
    $('a').removeClass('someclass');
});

为什么不创建一个新类,使用jquery onhover来影响这两个类的类?a)论坛HTML的布局很难做到这一点b)我不知道如何做到这一点c)任何Javascript/jquery在论坛上的加载速度都很慢。我试着在不使用它的情况下安排事情。你知道你在发布的代码中使用了js…我没有做到。我只是复制/粘贴了它。不过这不太合适;另一个链接不会出现在悬停状态;它保持只有一个虚线底边,然后简单地将这个影响添加到类中。在我添加的类中,它只添加了一个背景,您可以根据需要设置样式。我似乎无法让它将边框添加到另一个文本行。。。?你知道怎么做吗?比如你的a:之前和a:之后?是的,那两个。它们就是我的链接。
a:hover:before,
a:hover:after, a.someclass{
  width: 100%;
  background-color: #163A29;
}
$('a').hover(function(){
    $('a').addClass('someclass');
},function(){
    $('a').removeClass('someclass');
});