css로 부모선택자 선택하기

2024. 7. 4. 11:59·NOTE

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

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

has()

 

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

 

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

 

넘나 간편하고 좋군

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

'NOTE' 카테고리의 다른 글

[Next + React Query로 SNS 서비스 만들기] 섹션 1 정리  (0) 2024.07.21
[Next + React Query로 SNS 서비스 만들기] 섹션 0정리  (0) 2024.07.21
gitignore에 dist추가해도 tracking 되는 이슈  (0) 2024.06.27
react-hook-form validate with zod  (0) 2023.08.17
typescript 배열 중 하나 타입으로 선언하기  (0) 2023.08.16
'NOTE' 카테고리의 다른 글
  • [Next + React Query로 SNS 서비스 만들기] 섹션 1 정리
  • [Next + React Query로 SNS 서비스 만들기] 섹션 0정리
  • gitignore에 dist추가해도 tracking 되는 이슈
  • react-hook-form validate with zod
ssund
ssund
  • ssund
    ssund의 기술블로그
    ssund
  • 전체
    오늘
    어제
    • 분류 전체보기 (73)
      • TECH (22)
      • NOTE (40)
      • DAILY (7)
      • javascript (1)
      • 알고리즘 (0)
  • 블로그 메뉴

    • 홈
    • TECH
    • NOTE
    • DAILY
  • 링크

  • 공지사항

  • 인기 글

  • 태그

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

  • 최근 글

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

티스토리툴바