a标签原生不支持disabled属性，因此a:disabled伪类永远无效；实现禁用效果需组合视觉（如cursor: not-allowed、opacity）、行为（pointer-events: none）和可访问性（aria-disabled="true"）方案。
链接不支持:disabled伪类，别白费劲写a:disabled
直接说结论：a 标签原生就不支持 disabled 属性，所以 a:disabled 永远不会匹配、永远不生效。浏览器根本不认这个写法，DevTools 里连样式都不显示。你看到的“禁用链接”效果，要么是 JS 模拟的，要么是用了别的手段。
想让链接“看起来不可点+真不能点”，得换思路
原生链接没有禁用语义，必须靠组合方案补全：视觉 + 行为 + 可访问性。常见错误是只加 pointer-events: none 或只改颜色，结果键盘用户仍能按回车、屏幕阅读器仍播报“可点击”。
- 加
aria-disabled="true"—— 告诉辅助技术这是禁用态（a不支持disabled属性，但支持aria-disabled） - 显式设
cursor: not-allowed—— 别指望浏览器自动改光标 - 用
pointer-events: none阻断鼠标事件（注意：它也会阻止focus，如果需要键盘导航，得额外处理tabindex="-1"） - 灰化样式建议用
opacity: 0.5+color: #999，别只调opacity，否则图标或背景图也变淡，可读性反而下降
React/Vue 里别用 disabled={false} 绑定到 a 标签
框架中给 @#@#@#@#@#@#@#@#@#@0}
<button type="button" onclick="{handleClick}"></button>，再用原生 :disabled 控制，语义和行为都可靠a，就靠 class 切换，比如 <a classname="{isDisabled" :></a>，然后写 .link--disabled 规则，别碰 :disabled
移动端要特别防 touchstart 穿透
iOS Safari 对 pointer-events: none 的支持相对稳定，但某些旧版 WebView 里，禁用链接仍可能响应 touchstart，甚至触发底层元素的点击。这不是样式问题，是事件冒泡没截住。
- 加
touch-action: none配合pointer-events: none，减少触摸延迟和穿透 - 避免在禁用链接外层套可点击容器（比如
<div onclick>），否则用户点链接区域时，事件可能落到父级 <li>真要监听点击并拦截，用 <code>onClick={(e) => isDisabled && e.preventDefault()}，但这是兜底，不是首选
真正可靠的禁用，从来不是单靠一个 CSS 伪类。链接没
disabled 属性，就别强求 :disabled；该用按钮的地方，别硬用链接凑数。
