1. :first-child 리스트1 리스트2 리스트3 리스트4 리스트 4개를 생성. 여기다 실습을 해보겠다. ul{list-style-type: none;} ul>li{ width: 100px;height: 100px;} ul>li:first-child{background: red;} ul의 하위요소 li의 first-child에 background를 red로 적용. :first-child >> 반드시 하위 요소가 첫번째에 있어야 한다. 리스트1위에 새로운 div를 생성한다면,, div1 리스트1 리스트2 리스트3 리스트4 >>이렇게 li가 첫번째가 아니라 div이기 때문에 :first-child가 적용 안됨. 2. :first-of-type div가 존재하는 상태에서 리스트1에 색을 넣으려면 :fir..