티스토리 뷰
focus-within
: 내부적으로 focus가 된 element가 있는지 알려주는 가상 선택자
.reply:focus-within .reply__column:first-child {
display: none;
}
뜻 = reply 내부에 어떤 element가 focus 되어있다면 첫번째 reply__column은 안보이도록 해라.
developer.mozilla.org/en-US/docs/Web/CSS/:focus-within
:focus-within
The :focus-within CSS pseudo-class represents an element that has received focus or contains an element that has received focus. In other words, it represents an element that is itself matched by the :focus pseudo-class or has a descendant that is matched
developer.mozilla.org
'개발' 카테고리의 다른 글
| TIL : WSL2 환경에서 nodemon restart 안되는 이슈 (0) | 2020.12.24 |
|---|---|
| TIL : Terminal command (0) | 2020.11.01 |
| TIL : CSS animation 끝난 상태 유지, animation 더 좋게 만드는 법 will-change (0) | 2020.09.06 |
| TIL : Javascript 기초 튜토리얼 + 노마드코더 강의 (0) | 2020.09.01 |
| TIL : VSC 단축키, CSS BEM 방법론 (0) | 2020.08.20 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 침대조명
- 디자인
- 소품샵
- 프로토타입
- 마케팅
- 테이블조명
- 퍼블리싱
- webdesign
- 청년마음건강
- 간접조명
- XD
- 복지로
- 에어로치노
- 우유거품기
- 비즈니스
- 서울시
- 경기광고홍보제
- 인포그래픽
- 커피
- 네스프레소
- 심리상담
- 리뷰
- 성격강점검사
- 마음건강사업
- 넷플릭스
- 광명이케아
- 꿀팁
- 구매후기
- 서울여행
- 홈카페
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 |
글 보관함