본문으로 바로가기

FrontEnd-Dev

현재위치 :: HOME BLOG CATEGORY SEARCH ARCHIVE TAGS MEDIA LOCATION GUESTBOOK

네비게이션

  • 홈
  • 태그
  • 방명록
관리자
  • 블로그 이미지
    ImJaeOne

    프론트엔드 개발자 임재원

    링크추가
  • 글쓰기
  • 환경설정
  • 로그인
  • 로그아웃

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
  • 이전
  • 1
  • 다음
  • 홈으로
  • 방명록
  • 로그인
  • 로그아웃
  • 맨위로
SKIN BY COPYCATZ COPYRIGHT FrontEnd-Dev, ALL RIGHT RESERVED.
FrontEnd-Dev
블로그 이미지 ImJaeOne 님의 블로그
MENU
  • 홈
  • 태그
  • 방명록
CATEGORY
  • 분류 전체보기 (93)
    • HTML (2)
    • CSS (2)
    • React.js (20)
    • TypeScript (4)
    • Next.js (5)
    • 웹 개발 (10)
    • JavaScript (26)
    • TIL (19)
    • Docker (3)
    • cs (0)
VISITOR 오늘 / 전체
  • 글쓰기
  • 환경설정
  • 로그인
  • 로그아웃
  • 취소

검색

티스토리툴바