想让鼠标离开a元素移到p2上p2依旧显示，但是移到a元素和p2以外的地方就还是不显示
<a href="#">hover</a>
<p class="p2">
</p>a:hover + .p2{
display: block;
animation: 0.5s p2 ease-in forwards;
}
@keyframes p2{
0%{height: 0; }
100%{height: 200px; }
}
.p2{
width: 200px;
background-color: red;
}
把
.p2作为a标签的子元素吧，然后用position: absolute调整位置雷雷
把a标签和p放在同一个p中，js设置这个父级p的hover方法，也可以把p放在a标签内，把a标签设置display: block;再用定位、浮动等调整位置。
竟然要这样，为何不把p放到A标签里