목록선택자 (1)

N

(TIL Day27)CSS- 선택자

연결 선택자 하위 선택자 부모 요소에 포함된 하위 요소 모두에 스타일이 적용된다. 자식 요소 뿐만 아니라 손자 요소, 손자의 손자 요소 등 모든 하위 요소까지 적용된다. div p { color: red; } 자식 선택자 하위 요소 전체에 스타일을 적용하지 않고, 자식 요소에만 스타일이 적용된다. '>'를 사용 div > p { color: red; } /* div의 자식 요소 p에만 색이 red로 적용된다. */ 인접 형제 선택자 형제 요소 중 가장 가까운 태그의 첫번째 요소에 스타일을 적용한다. '+'를 사용 div + p { color: red; } /* div 태그의 형제 요소 p 중 첫번째 요소에만 적용 */ 형제 선택자 모든 형제 요소들에 스타일을 적용한다. '~'를 사용 div ~ p { c..
TIL 2021. 9. 7. 11:26
이전 Prev 1 Next 다음