.ux { flex-grow:1; }
close
프로필 배경
프로필 로고

.ux { flex-grow:1; }

  • 분류 전체보기 (61)
    • UX 디자인 (10)
    • HTML&CSS (18)
    • JS (2)
    • 폰트 (11)
    • Tool&작업환경 (6)
    • 업무 Tip (7)
    • 제품리뷰 (5)
    • Box (0)
    • 내맘대로 포스팅 (1)
  • 홈
  • UX 디자인
  • HTML&CSS
  • JS
  • 폰트
  • Tool&작업환경
  • 업무 Tip
  • 제품리뷰
  • Box
  • 내맘대로 포스팅
  • 태그
[CSS] 근접, 자식요소에 따라 부모요소를 제어할 때 :has()

[CSS] 근접, 자식요소에 따라 부모요소를 제어할 때 :has()

:has() 선택자는 언제 필요한가요?코드를 작성하다보면 근접요소, 자식요소에 따라 특정 엘리먼트의 디자인을 제어해야 할 때가 있습니다. 그동안의 CSS는 근접요소, 자식요소만 컨트롤이 가능했습니다. 부모/상위 요소를 제어하기 위해서는 자바스크립트를 이용해야만 했습니다. 이제는 상위에 있는 요소를 제어할 수 있는 방법이 생겼습니다. 예를 들어서 제목+본문으로 된 구성과 제목+부연설명+본문으로 구성된 박스가 혼용된 디자인을 만들어보겠습니다.  제목 아래에 margin을 20픽셀로 주었습니다. 그런데 인접한 p태그에 부연설명이 들어간다면 태그 아래의 마진은 5픽셀, 부연설명 태그의 마진을 20픽셀 주어야 합니다. 해결책은 여러 가지가 있습니다. 에는 여백을 주지 않고 본문용 태그 상단에 여백을 주는 것..

  • topic HTML&CSS
  • · 2024. 9. 16.
  • textsms
  • navigate_before
  • 1
  • navigate_next
notifications_none Notice
  • flexbox, 그는 누구인가!
article Category
  • 분류 전체보기 (61)
    • UX 디자인 (10)
    • HTML&CSS (18)
    • JS (2)
    • 폰트 (11)
    • Tool&작업환경 (6)
    • 업무 Tip (7)
    • 제품리뷰 (5)
    • Box (0)
    • 내맘대로 포스팅 (1)
tips_and_updates Recent Articles
grade Popular Articles
textsms Recent Comments
local_offer Tags
  • #웹폰트
  • #UX디자인
  • #선택자
  • #UX디자이너
  • #프리텐다드
  • #사용자 경험
  • #애플
  • #폰트
  • #CSS
  • #UX 디자인
trending_up Visitors
Today
Yesterday
Total
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바