가상요소1 [HTML/CSS] CSS - 문서 구조와 가상 선택자 6) 문서 구조 관련 선택자 HTML: Hyper Text Markup Language HTML과 CSS와 JAVASCRIPT를 이용해서 멋진 웹 사이트를 제작할 수 있습니다. ◆ 자손 선택자 div span { color: red; } 자손 선택자는 선택자 사이에 아무 기호없이 그냥 공백으로 구분을 하고, 위 코드는 의 자손 요소인 을 선택하는 선택자다. ◆ 자식 선택자 div > h1 { color: red; } 자식 선택자는 선택자 사이에 닫는 꺽쇠 기호(>)를 넣고, 꺽쇠 기호와 선택자 기호 사이에 공백은 있거나 없어도 상관 없다. 위 코드는 의 자식 요소인 를 선택하는 선택자다. ◆ 인접 형제 선택자 div + p { color: red; } 인접 형제 선택자는 선택자 사이에 + 기호를 넣고, .. 2020. 8. 9. 이전 1 다음