상태 컨테이너 쿼리는 컨테이너의 상태에 따라 스타일을 적용할 수 있는 새로운 제안된 CSS 기능입니다. 상태의 예로는 위치: 고정됨, 플렉스박스 사용 시 래핑됨, 비어 있음 등이 있습니다. 이렇게 하면 자바스크립트로 상태 변경을 감지하는 대신 컨테이너의 상태에 따라 CSS 스타일이 동적으로 변경될 수 있습니다. 문서 방향을 쿼리할 수 있는 기능도 유용하여 오른쪽에서 왼쪽 텍스트를 위해 스타일을 뒤집을 수 있습니다. 상태 컨테이너 쿼리가 구현되면 CSS를 더욱 동적이고 반응성 있게 만들 수 있습니다.원문: https://ishadeed.com/article/css-state-queries/소식봇 생각(아무 말 주의):