1. 선택자
(1) plate apple
=> plate 밑에 있는 모든 apple 이다.
(2) plate>apple
=> plate 중에서 모든 apple 중에 바로 밑에 있는 apple에만 적용이 된다
(3) only child
=> 자기 혼자 단독으로 누군가의 자식인 경우
(4) nth-last-child()
nth-child와 유사하지만 뒤에서부터 카운팅한다.
(5) first-of-type
예로 수많은 사과중에서
apple:first-of-type 을 하면 사과 첫번째 선택이 된다.
(6) nth-of-type()
괄호에 숫자도 가능하지만 짝수(even), 홀수 (odd)도 가능한다.
'코딩 > html, css' 카테고리의 다른 글
html 블록, 인라인, 인라인 블록 요소 차이점 (0) | 2022.05.07 |
---|---|
css 캐스케이딩, 박스사이징 (0) | 2022.05.07 |
css 선택자 개념 정리 (0) | 2022.05.04 |
css 기초2 / JavaScript 기초 ( 가위바위보 게임) (0) | 2022.05.02 |
css 기초 (0) | 2022.05.01 |