链接状态、键盘焦点与 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; }
学完能做: 设计链接不同状态与可见键盘焦点。