css로 부모선택자 선택하기

2024. 7. 4. 11:59·CSS

css작성하면 부모를 선택할수 있는 방법은 없을까 불편함을 느끼곤 했는데 

부모를 선택할 수있는 css 속성이 생겼다.

has()

 

이번에 작업을 하면서 포커스 된 인풋의 부모에 스타일을 줘야하는 경우가 생겼는데

 

focus, blur 이벤트 없이 css has 속성으로만 처리할 수 있었다. 

 

넘나 간편하고 좋군

이번기회에 새로나온 css 속성을 한번 훝어봐야겠다 

'CSS' 카테고리의 다른 글

transition animation height  (0) 2024.03.18
.scss 파일에서 dom data 정보 가져오기  (0) 2024.01.23
css safe area 적용 안될때!  (0) 2023.12.11
한글, 영문 폰트 다르게 적용하기  (0) 2023.04.17
:not 선택자는 익스 지원하지 않는다.  (0) 2021.09.29
'CSS' 카테고리의 다른 글
  • transition animation height
  • .scss 파일에서 dom data 정보 가져오기
  • css safe area 적용 안될때!
  • 한글, 영문 폰트 다르게 적용하기
ssund
ssund
  • ssund
    ssund의 기술블로그
    ssund
  • 전체
    오늘
    어제
    • TECH (82)
      • Next.js (8)
      • React (25)
      • Vite (1)
      • javascript (17)
      • CSS (6)
      • CS (10)
      • AWS (0)
      • Jest (1)
      • CI|CD (0)
      • 알고리즘 (8)
      • Tools (1)
      • Tips (5)
  • 블로그 메뉴

    • 링크

    • 공지사항

    • 인기 글

    • 태그

      redux
      웹브라우저구성
      global-style
      배열요소순서
      reat-head
      서버컴포넌트
      styled-components
      JavaScript
      TypeScript
      커머스프로젝트
      react state management
      nextjs
      call signatures
      함수와 메서드차이
      React
      theme-provider
      git배포
      Array.sort()
      타입스크립트
      app-router
    • 최근 댓글

    • 최근 글

    • hELLO· Designed By정상우.v4.10.0
    ssund
    css로 부모선택자 선택하기
    상단으로

    티스토리툴바