s1 s2 : s1요소에 포함된 s2요소를 선택한다. (후손 관계)
s1>s2 : s1요소의 직계 자식 요소인 s2를 선택한다.(자식관계)
예시: 단군의 후손 : 수천만명 이상
단군의 자식 : 10명미만
예를 들어 다음과 같은 코드가 있다면
<div>
<article>
사람
</article>
</div>
<후손 선택자>
div a {color:red;} = 사람
후손선택자는 div안에 있는 모든 a가 선택되지만
<자식선택자>
div a {
color:red;
} = 사람
는 직접적인 자식이 아니기 때문에 선택되지 않는다.
728x90
'코딩공부' 카테고리의 다른 글
탑바 메뉴만들기(노말라이즈, 라이브러리) (0) | 2022.10.20 |
---|---|
CSS 일정비율 조절 (0) | 2022.10.20 |
이미지 링크주소 (0) | 2022.10.07 |
클래스101 개발자 로드맵 (1) | 2022.10.01 |
개발자 테크트리 <프론트엔드> , <백엔드> (0) | 2022.09.30 |