선택자 2

[CSS]선택자의 종류2

6. 자식 선택자 부모의 요소 하위의 자식요소의 스타일을 적용 body > p { color: deepskyblue; } 7. 자손 선택자 - 조상요소 하위의 모든 요소의 스타일을 적용 - 자손은 자식을 포함 body p { color: deepskyblue; } 한 칸 띄우면 자손임 예제코드 자식, 자손 선택자 네이버 구글 다음 네이트 8. 인접 형제 선택자 동일한 부모의 요소를 갖는 자식 요소들의 관계 연속된 동생 요소의 스타일을 적용 h2 + p { color: deepskyblue; } 9. 일반 형제 선택자 형제 관계를 갖는 요소 중에서 요소 다음에 나오는 모든 동생 요소의 스타일을 적용 h2 ~ p { color: deeppink; } 예제코드 형제 선택자 첫째 둘째 셋째 넷째 다섯째 여섯째 ..

[CSS]선택자의 종류1

선택자 CSS 선택자는 CSS 규칙을 적용할 요소를 정의한다 1. 전체 선택자 스타일을 모든 요소에 적용 * 기호를 사용해서 표현 너무 많은 요소가 있는 HTML문서에 사용할 경우 클라이언트에 부하를 줄 수 있음 * { 속성명1: 속성값1; 속성명2: 속성값2; ... } ✔️ 개별적으로 적용한 스타일은 전체 선택자에 적용한 스타일보다 우선한다 예제코드 전체 선택자 스타일을 모든 요소에 적용 * 기호를 사용해서 표현 너무 많은 요소가 있는 HTML문서에 사용할 경우 클라이언트에 부하를 줄 수 있음 2. 요소 선택자 특정 요소가 쓰인 모든 요소에 스타일을 적용 예제코드 요소 선택자 특정 요소가 쓰인 모든 요소에 스타일을 적용함 span 요소 strong 요소 ins 요소 mark 요소 ✔️ 상속 부모 요소..