CSS :placeholder-shown 의사 클래스와 ::placeholder 의사 요소의 차이점으로 올바른 것은?

해설

:placeholder-shown은 입력 필드에 사용자 입력이 없어 플레이스홀더가 표시되는 상태일 때 그 input/textarea 요소 자체에 매칭되는 의사 클래스입니다. 반면 ::placeholder는 플레이스홀더 텍스트 자체의 색상, 글꼴 등을 꾸미는 의사 요소입니다. :not(:placeholder-shown)으로 '값이 입력된 상태'를 감지할 수 있어 플로팅 라벨 UI에 활용됩니다.