초보 개발자의 개발 블로그

결합자 / 복합 선택자 (Combinators) 일치 결합자(Basic Combinator) 동시에 만족하는 요소 선택 span.orange { color : red; } 이건 오렌지가 아닙니다! 이건 오렌지가 아닙니다! 이건 오렌지 입니다!! 태그 선택자 span을 찾아 클래스 선택자 orange를 선택 자손 결합자 (Descendant Combinator) selectorA 하위의 모든 selectorB 요소 div span { color: red, } 이건 빨강입니다! 이건 빨강이 아닙니다. 이건 빨강입니다! 자식 결합자(Child Combinator) selectorA 바로 아래 selectorB 요소 div > span { color: red, } 이건 빨강입니다! 이건 빨강이 아닙니다. 이건 ..

선택자(Selectors) HTML 문서에서 특정한 요소를 선택하여 스타일링 하기 위해서는 반드시 선택자라는 개념이 필요하다. 기본 선택자 전체 선택자, 요소 선택자 class선택자, id 선택자, 속성 선택자 결합자 / 복합 선택자 (Combinators) 자손 결합자, 자식 결합자 일반 형제 결합자, 인접 형제 결합자 가상 클래스 / 요소 (pseudo class) 링크, 동적 가상 클래스 구조적 가상 클래스, 기타 가상 클래스, 가상 엘리먼트, 속성 선택자 전체선택자 (Universal Selector) HTML 페이지 내부의 모든 태그를 선택 요소 선택자 / 태그 선택자 (Type Selector) HTML 요소를 직접 지칭하는 가장 간단한 선택자 클래스 선택자 (Class Selector) 주어..