목록2024/12/27 (1)
heyday2024 님의 블로그
Tailwind CSS `group`
1. Tailwind CSS groupgroup 클래스는 CSS의 가상 클래스와 자식 선택자를 활용해, 부모 요소의 상태에 따라 자식 요소의 스타일을 지정할 수 있는 기능을 제공합니다.이 기능은 자식 요소가 직접 상태를 가지지 않아도, 부모 요소의 상태(예: hover, focus, 등)에 따라 스타일링을 유연하게 적용할 수 있도록 돕습니다.사용 방법그룹화 요소에 group 클래스 추가부모 요소에 group 클래스를 추가하여 그룹화합니다.자식 요소에 상태 기반 스타일 적용자식 요소에 group-* 접두사(예: group-hover, group-focus)를 사용하여 부모의 상태에 따라 스타일을 설정합니다.2. Tailwind CSS group-hovergroup-hover 클래스는 그룹화된 요소가 호버 ..
카테고리 없음
2024. 12. 27. 10:43