链接状态、键盘焦点与 LVHA | 星雨笔录

设计链接不同状态与可见键盘焦点。

核心: 链接状态常见顺序为 :link、:visited、:hover、:active;键盘焦点推荐 :focus-visible。

最小示例:

a:link { color: blue; }
a:visited { color: purple; }
a:hover { text-decoration: underline; }
a:focus-visible { outline: 2px solid orange; }

学完能做: 设计链接不同状态与可见键盘焦点。