목차 1. Focus(포커스)란? 2. :focus 3. :focus-within 4. :focus-visible Focus(포커스)란? 요소를 클릭하거나 키보드 tab키로 요소에 이동하면 해당 요소는 Focus(포커스) 상태가 된다. 잠깐! Pseudo Class(가상 클래스)를 사용하면 좋은 이유 따로 자바스크립트를 사용하는 작업 없이, CSS만으로 해결이 가능하다. 따라서 단순 스타일링 작업은 최대한 CSS 내에서 해결하자! 이번 포스팅에선 포커스된 요소를 나타내는 3개의 가상 클래스에 대해 알아보자. 1. :focus 태그 등, 포커스를 받은 요소를 나타낸다. See the Pen input focus1 by hayoung-99 (@hayoung-99) on CodePen. 주의 ❗ :focus는..
