为什么a标签带了伪类不能点击

3290438512-5a45e03c37e68_articlex.png

给了伪类描边

content: " ";
width: 200%;
height: 200%;
position: absolute;
top: 0;
left: 0;
border: 1px solid #d9d9d9;
-webkit-transform: scale(.5);
transform: scale(.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
box-sizing: border-box;

解决办法

这是层级的原因，你的伪类absolute定位覆盖在a标签上面导致不能点击.
1.既然你a标签是占全部的，那么应该a标签作为伪类的父级，而不是li，这样就能点击了，把li的position: relative;放在a标签里，伪类变成a:after
2.或者在伪类上加上z-index: -1;

原文链接
https://segmentfault.com/q/1010000012638549