FrontEnd-Dev

CSS 검색 결과

해당 글 2건

Tailwind CSS group 활용으로 개별 아이템 Hover 스타일 변경하기

🛑 상위 컴포넌트에 마우스를 올렸을 때 하위 요소에 css 적용은?큰 div(리스트 아이템 전체)에 마우스를 올리면, 그 내부에 있는 특정 텍스트(span)의 색상을 변경하고 싶었습니다. 처음에는 단순히 hover:text-deep-mint를 적용했지만, 마우스를 div에 올렸을 때만 텍스트 색상이 바뀌도록 만들기 어려웠습니다. {product.name}위 코드에서는 마우스를 텍스트(span) 위에 직접 올려야 색상이 변경되었고, div 전체에 hover해도 적용되지 않았습니다. ✅ group을 활용하여 부모 요소의 hover 상태에 따라 자식 스타일 변경하기Tailwind의 group 클래스를 사용하여, 부모(div)에 마우스를 올렸을 때 자식 요소(span)의 색상을 변경할 수 있습니다. ..

CSS 2025. 2. 27. 20:55

Bootstrap 시작하기

Build fast, responsive sites with BootstrapPowerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins. BootstrapPowerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring proje..

CSS 2024. 11. 28. 23:41