웹 _ 021일차 [자식, 동생, 후손, 인접동생, 전체 선택자]

60강~)

https://flukeout.github.io/

CSS Diner

27단계까지

----------------------------------------------------

111강 튜토리얼 1~10단계

a의 자식으로 ul이 들어가면 안됨
a와 ul은 형제지간으로 들어가야함

div > a   자식선택자
div a      후손선택자(띄어쓰기)
div ~ a   동생선택자
div + a   인접동생선택자
div * a    태그 구분 없이 섹션의 자식이기만 하면 선택하겠다
후손(띄어쓰기)은 섹션 안에 있는 네비라고 생각하면 편함

:only-child 형제 없는 엘리먼트


<div>
  <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ul>
</div>

div의 자식은 ul 하나(ul의 부모는 div)
div의 후손은 ul, li*4, 총 다섯
첫째 li의 동생은 셋
첫째 li의 인접동생은 둘째 li 단 하나

(형 태그 같은건 없음)

----------------------------------------------------

113강

 ㄴ태그 갯수 세고 [ border:2px solid red; ] 를 적용해 검산해보기

----------------------------------------------------

117강

 ㄴ 2차 메뉴 만들기

----------------------------------------------------

82강의 20단계를 5분안에 만들어야 뭘 비벼볼 수 있습니다