Starter · code-edit

order 與鍵盤順序風險

先看見缺口,再完成一個小修改。

Starter 要做什麼

先看見缺口,再完成一個小修改。

本主題檔案:files/style.css

定位:先在 Elements 讀三個 a 的 DOM 順序,再看 Computed order,最後才按 Tab。

本階段驗收

頁面不會替你修改檔案;請在實作檔完成後重新整理確認。

目前要處理

DOM 依 A、B、C;C 設 order:-1,因此視覺為 C、A、B。

預期看到

受控 runtime 聚焦後 activeId=order-link-a;人工 Tab 序列仍為 A→B→C,而視覺順序為 C→A→B。

.card-c{order:-1} /* 視覺 C,A,B;Tab 仍依 DOM A,B,C */

檔案清單

只在本階段資料夾內操作,避免改到其他章節。

證據:runtime focused=true、activeId=order-link-a;人工證據保存視覺序列與三步 document.activeElement 序列

前往 Checkpoint →