如何使类无法点击<a>标签？

Question

我有一些带有子项的父导航项,我不需要父项是可点击的.

它们看起来像这样:

<a href="parent">Parent Item</a>

无论如何都要<a>使用特定的类来定位标签.parent并使它们不可点击？

Answer 1

如果有人对Pure CSS解决方案感兴趣(因为这个问题被标记为CSS),那么你可以使用它pointer-events: none;

a[href="parent"] {
    cursor: default;
    pointer-events: none;
}

演示

至于支持

^{致谢:Mozilla开发者网络}