禁用伪的链接：after和：之前使用纯CSS

Question

<a id="nextslide" class="load-item"></a>

#nextslide:after {
    position: absolute;
    left: 100%;
    bottom: 0;
    width: 0;
    height: 0;
    content: '';
    border-bottom: 36px solid rgba(0,0,0,0.75);
    border-right: 36px solid transparent;
}

如果我按下#nextslide:after形状，它将加载下一张幻灯片。我想为上面的形状禁用链接功能，我希望它只在我按#nextslide而不是伪造时才能工作。有没有简单的CSS方法呢？

Answer 1

Theres只是CSS的一种可能性，你可以添加它：

#nextslide:after {
  pointer-events: none;
}

最大的问题是兼容性http://caniuse.com/pointer-events