[CSS] 문서 구조 관련 선택자
✅ 자손 선택자 div span { color: red; } /* : 의 자손 요소인 를 선택하는 선택자 자손 선택자는 선택자 사이에 아무 기호없이 그냥 공백으로 구분 */ ✅ 자식 선택자 div > h1 { color: red; } /* : 의 자식 요소인 를 선택하는 선택자 자식 선택자는 선택자 사이에 닫는 꺽쇠 기호(>)를 넣는다. 꺽쇠 기호와 선택자 기호 사이에는 공백은 있거나 없어도 상관없음 */ ✅ 인접 선택자 div + p { color: red; } /* 선택자 사이에 + 기호를 넣는다. 자식 선택자와 마찬가지로 공백은 있거나 없어도 상관 없음 인접 형제 선택자는 형제 관계이면서 바로 뒤에 인접해 있는 요소를 선택하는 선택자이다. */ ✅ 문서 구조 관련 선택자는 위의 선택자들을 조합하여 ..
HTML&CSS
2023. 4. 10. 00:14
