:focus selector - 2

2단, 3단 레이아웃에서도,

문서의 길이가 길 때 :focus와 앵커링크를 활욜하여 tap키로 문서의 위치를 이동할 수 있다. 

skip메뉴를 이번에는 ul>li로 정리해 보았다. 

skip 하위에 있는 ul>li>a요소 안에는 href속성 값으로, 

문서 안의 이동할 위치에 부여한 id값을 적어주어 문서 내에서의 이동을 할 수 있는 앵커링크를 만든다. 

---

※ 핵심내용 : 

1. 위의 레이아웃 모양 정리
2. skip a안에 anchor link값 넣기

---

 

See the Pen :focus selector 2 by LimsUIUX (@LimsUIUX) on CodePen.