CSS 하위선택자 예제1

• 

  CSS 하위선택자(Desecent Combinator) 하위(자손) 선택자. Desecent는 자손이라는 뜻입니다. 그래서 자손 선택자 또는 하위 선택자라고도 불립니다. 즉, HTML 부모 자손 관계를 활용한 CSS 선택자입니다. 자손에는 자식, 손자 등이 포함되겠습니다. 하위 선택자 문법 입니다. 상위요소 하위요소{ 속성:값; } 상위요소 다음에 오는 빈칸(공백문자) 이 바로 하위선택자의 기호가 되겠습니다. 이 공백문자 뒤에는 자손요소인 자식 태그 와 그 자식태그의 전역 속성인 id 혹은 class 등이 올 수 있습니다. 예제를 만들어 보겠습니다. [index.html] 하위 선택자를 위해서 div 부모 태그 밑에 자손요소로 h2 와 p태그를 구성했고 태그 안에 id와 class 전역 속성도 추가했습니다. This is a Descendant Combina.. 앱 만들기/CSS 2023. 6. 9.