由于我的上一个问题被标记为重复,虽然它没有重复,并且没有人将其更改回来,我将再次提出我的问题.
我有一个< a> ;,默认情况下,它具有点击功能.这个< a>还有一个悬停,我想保留.
如何禁用点击功能,但保持悬停？
P.s.,我很想看到一个CSS解决方案！
重要！上次,我的问题被标记为此问题的副本：How to disable a link using only CSS?,但指针事件：无;也阻止了悬停.
如果它仍然是重复的,请将其标记为真正重复的问题的副本.
编辑：
我忘了提一下,我的悬停是这样的：
https://jsfiddle.net/7o3dbak7/7/
HTML：
<div class="container">
<ul>
<li id="item1"><a href="somelinkthatistherebecauseitis">hoverable object</a></li>
<li id="item2">text object,here comes alot of text explaining certain features of the website.</li>
</ul>
</div>
CSS：
.container ul #item2 {
display: none;
width: 150px;
padding: 20px;
background: red;
color: white;
cursor: pointer
}
.container ul #item1 {
pointer-events: none;
}
.container ul #item1:hover + #item2 {
display: block;
}
解决方法
将指针事件：none添加到a元素,然后将悬停应用于父元素,在其中明确指向a：
span a {
pointer-events:none;
}
span:hover a {
color: red;
}
<span><a href="#">Hello,world!</a></span>
