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 标签
框架中给 <a> 写 disabled={isDisabled} 或 :disabled="isDisabled" 是无效的——HTML 规范没定义 a 的 disabled 属性，框架也不会透传。JSX 或模板里这么写，DOM 上根本不会出现 disabled 属性，更别说触发任何伪类。
- 正确做法：用条件渲染，比如 React 中
{isDisabled ? <span className="link-disabled">文本</span> : <a href="/xxx">文本</a>} - 或者统一用按钮语义：把链接逻辑封装进
<button type="button" onClick={handleClick}>，再用原生:disabled控制，语义和行为都可靠 - 若必须用
a，就靠 class 切换，比如<a className={isDisabled ? "link--disabled" : ""}>，然后写.link--disabled规则，别碰:disabled
移动端要特别防 touchstart 穿透
iOS Safari 对 pointer-events: none 的支持相对稳定，但某些旧版 WebView 里，禁用链接仍可能响应 touchstart，甚至触发底层元素的点击。这不是样式问题，是事件冒泡没截住。
立即学习“前端免费学习笔记（深入）”；
- 加
touch-action: none配合pointer-events: none，减少触摸延迟和穿透 - 避免在禁用链接外层套可点击容器（比如
<div onclick>），否则用户点链接区域时，事件可能落到父级 - 真要监听点击并拦截，用
onClick={(e) => isDisabled && e.preventDefault()}，但这是兜底，不是首选
disabled 属性，就别强求 :disabled；该用按钮的地方，别硬用链接凑数。 
