CSS선택자

수업

웹프로그래밍 - 3-1 CSS 기초 - 선택자

다양한 선택자 1. 연결 선택자 1) 연결 선택자 - 요소 간의 관계성을 이용해 특정 요소를 선택 - 특정 요소의 아래에 있는 요소를 선택하는 방법 2) 하위 선택자: 특정 요소 아래에 있는 모든 요소(후손) -> 가장 많이 사용 더보기 - 부모 요소에 포함된 모든 하위 요소에 스타일 적용 - 자식 요소뿐만 아니라 손자 요소, 손자의 손자 요소 등 모든 하위 요소까지 적용(후손) - 하위 선택자를 정의할 때는 상위 요소와 하위 요소를 나란히 씀. ex) section p { color: blue; } 3) 자식 선택자: 자식 요소에 스타일을 적용하는 선택자 더보기 두 요소 사이에 '>'를 표시해 부모 요소와 자식 요소를 구분 ex) section > p { color:blue;} 4) 인접 형제 선택자:..

eunslog
'CSS선택자' 태그의 글 목록