로딩
요청 처리 중입니다...

css_자식 선택시 부모변경

 css_자식 선택시 부모변경

찾은김에 잊지 않으려고 정리.. textarea태그에 Focus를 하면 border가 검은색으로 변하는 창을 만듬 작은 글씨로 제목영역을 만듬 글씨가 안겹치게 textarea top에 패딩값을줌.. 완벽해!

스크롤을 하는순간 제목텍스트랑 textarea에 쓴 글씨가 겹침.. div로 한번 감싸고 border를 넣어줌 div top에 패딩을 주고 textarea에는 보더를 뺌 textarea에 focus를 하면 div컬러가 변해야함. 자식선택시 부모가 어떻게 변하지?

parent를 써야하나 머리 끙끙 앓고잇다가 찾았음! :focus-within을 사용하면 자식선택시 부모영역이 변할수있게 할 수있음 https://webisfree.com/2019-07-26/[css]-선택자-focus-within-알아보기 [CSS] 선택자 :focus-within 알아보기 CSS 선택자 :focus-within에 대하여 알아봅니다.

언제 어떻게 사용할까요? webisfree.com...

# css # html # 퍼블리싱