| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 29 | 30 | 31 |
Tags
- Carousel
- tailwindCSS
- 제어컴포넌트
- twoarrow
- ignore padding
- 함수형프로그래밍
- transition
- 리액트
- es6
- QueryClient
- 조건부스타일
- ?? #null병합연산자
- 서초구보건소 #무료CPR교육
- vite
- useQueryClient
- debouncing
- 화살표2개
- 부모패딩
- BlockFormattingContext
- accordian
- ㅡ
- BFC
- alias설정
- parent padding
- 문제해결
- DOM
- CustomHook
- react
- 부모요소의 패딩 무시
- createPortal
Archives
- Today
- Total
프론트엔드 첫걸음
띄어쓰기 유무에 따라 달라지는 가상클래스 본문
See the Pen 띄어쓰기 유무에 따라 달라지는 가상클래스 by JEONG (@cona) on CodePen.
- li:last-of-type
- li의 부모 하위의 li 중 맨마지막 li
- last-of-type인 list (마지막 list)
- li :last-of-type
- 띄어쓰기가 있는경우는 li의 하위 요소중에 본인과 같은 tag중 마지막을 선택
- last-of-type인 list 하위요소
- li:last-child
- li의 부모요소의 마지막자식인데 이게 li일때만!
- last-child인 li → 그런데 li가 last-child가 아니면 (tag종류 불문 맨 마지막 요소가 아니면) 선택안됨!
- li :last-child
- li 내부의 요소들 중에서 마지막 자식
https://stackoverflow.com/questions/18995362/last-child-not-working-as-expected
:last-child not working as expected?
The issue lies within this CSS and HTML. Here is a link to jsFiddle with the sample code. HTML <ul> <li class"complete">1</li> <li class"complete">2</li> ...
stackoverflow.com
See the Pen last-child by JEONG (@cona) on CodePen.
'개발 공부 > CSS' 카테고리의 다른 글
| 배경이미지 넣기 (0) | 2022.07.04 |
|---|---|
| inline-block 사용하여 기본 레이아웃 만들기 (0) | 2022.07.04 |
| float 사용하여 기본 레이아웃 만들기 (0) | 2022.07.04 |
| 폰트 크기 줄이고 세로 정렬 맞추기 - line-height 또는 inline-flex (0) | 2022.07.02 |
| vertical-align (0) | 2022.07.02 |
'개발 공부/CSS' Related Articles
more
