오늘보다 더 나은 내일

[수업노트](20.10.22)D+10 CSS DINER 22단계까지/풀다운 메뉴 만들기 본문

국비지원 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