:focus selector - 1

focus선택자는 포커스가 있는 요소를 선택 하는데 사용하며,

일반적으로 키보드이벤트(tap키 등)을 허용하는 요소에 주로 쓰인다.

---

:focus {
  css declarations;
}

 

css만으로 skip메뉴를 만들어 볼 수 있다. 

메뉴를 상단에 고정하도록 css를 만들어 주고, 안보이게 한 다음,

(여기서는 dl>dt+dd를 사용하영 skip메뉴를 만들고, dt는 안보이도록 css를 설정해 두었다. )

:focus에 앵커링크를 연결하도록 한다. 

---

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