국비지원 UX UI 디자인/코딩 수업
[수업노트](20.10.22)D+10 CSS DINER 22단계까지/풀다운 메뉴 만들기
papiliofly
2020. 11. 1. 11:59
728x90
1. CSS DINER
1. a: 타입이 a인 요소 모두선택
2. #id: 특정 아이디(#id)를 가진 특정 요소 선택(하나의 아이디만 생성 가능)
3. a b: 자손선택자. a요소 내부의 자식 및 후손(자식의 자식)까지 범위의 모든 b요소선택
4. #id a: 아이디가 #id이면서 a선택자를 가진 요소 선택
5. .classname: 특정 클래스(.classname)를 가진 모든 요소 선택(무한대의 클래스 생성 가능)
6. A.className: a이면서 .classname을 가진 모든 엘리먼트 선택
7. a,b: a와 b요소 선택
8. *: 모든 요소 선택
9. a *: a내부의 모든 요소 선택
10. a + b: a의 인접동생 b 선택
11. a ~ b: a의 모든 동생 b 선택
12. a > b: 부모 a에 속한 직계자식인 b 선택
13. a:first-child: a이면서 첫번째자식 요소 선택
14. a:only-child: a중 형제가 없는 모든 요소 선택
15. a:last-child: 모든 마지막 자식 요소 선택
16. a:nth-child(A): n번째이면서 a인 요소 선택
17. :nth-last-child(A):
18. :first-of-type:
20. :nth-of-type(A):
21. :nth-of-type(An+B):
728x90