결합 선택자

자식 선택자(descendant selector)

자식 선택자는 해당 요소의 하위 요소 중에서 특정 타입의 요소를 모두 선택합니다.

선택자1 선택자2 {

}

선택자1(부모요소) 선택자2(자식요소)

사용 예

<html>
  <head>
    <link rel="stylesheet" href="test.css" />
  </head>
   <body>

    <h2>자식 선택자 적용 X</h2>
    
    <div>
      <h2>자식 선택자 적용</h2>
    </div>
    
  </body>
</html>

test.html

div h2 {
  color: blue;
}

test.css

자식 선택자 적용 X

자식 선택자 적용

저작자표시

'Web > 🧩 html + CSS' 카테고리의 다른 글

font 속성 (0)	2020.11.03
컬러 (0)	2020.11.03
선택자 (0)	2020.11.03
CSS 적용방법 (0)	2020.11.03
CSS의 정의 (0)	2020.11.03

''@

결합 선택자

자식 선택자(descendant selector)

사용 예

자식 선택자 적용 X

자식 선택자 적용

'Web > 🧩 html + CSS' 카테고리의 다른 글

티스토리툴바

결합 선택자

자식 선택자(descendant selector)

사용 예

자식 선택자 적용 X

자식 선택자 적용

'Web > 🧩 html + CSS' 카테고리의 다른 글

'Web/🧩 html + CSS' Related Articles

티스토리툴바