- 웹개발 기초
- HTML/CSS/JAVASCRIPT
CSS 부모 선택자 부재 문제 해결 - :has() 의사 클래스로 JavaScript 없는 UI 상태 관리 완벽 가이드
자식 요소의 체크 상태나 에러 유무에 따라 부모 요소의 배경색이나 레이아웃을 변경해야 하는 상황을 경험해봤을 것이다.다만 이전에는 CSS만으로 부모 선택자를 지정할 방법이 없어 어쩔 수 없이 JavaScript 이벤트 리스너로 클래스를 붙였다 떼었다 하는 복잡한 방식을 사용하는 경우가 많았다.이번에는 CSS :has() 의사 클래스가 정확히 무엇인지, 왜 ···
1
0