자손 선택자

    [HTML5&CSS3] CSS선택자 -2

    [HTML5&CSS3] CSS선택자 -2

    1. 자손 선택자 특정 요소의 자손을 선택하려면 > 기호를 사용합니다. 자손이라 함은 대상 요소에서 바로 아래 요소들만을 지정하며 아래 예시는 ID가 div1인 태그 바로 아래 위치하는 span자손만을 선택하도록 합니다. 2. 후손 선택자 특정 요소 아래에 있는 모든 요소를 대상으로 하며 별도의 기호 없이 부모와 선택하고자 하는 후손 요소를 순서대로 나열합니다. 따라서 아래 예제는 ID가 div1인 요소 아래 모든 span요소를 선택하도록 합니다. 후손으로 선택하고자 하는 요소가 하나 이상이라면 다음과 같이 부모와 후손요소합해 콤마(,)로 구분하여 선택자를 작성해야 합니다. 3. 동위 선택자 자손도 후손도 아닌 동일 지휘의 요소선택을 의미하며 바로 뒤의 하나만 선택할 때는 +기호를 뒤에 있는 모든 요소를..