Solution 要做什麼
對照完整答案、責任邊界與原因。
本主題檔案:files/style.css
定位:先在 Elements 讀三個 a 的 DOM 順序,再看 Computed order,最後才按 Tab。
Solution · code-edit
對照完整答案、責任邊界與原因。
對照完整答案、責任邊界與原因。
本主題檔案: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 */只在本階段資料夾內操作,避免改到其他章節。
index.htmlstyle.css證據:runtime focused=true、activeId=order-link-a;人工證據保存視覺序列與三步 document.activeElement 序列
回到主題說明