쿠팡 소스 질문입니다 채택완료

<h1>안녕하세요</h1>

h1 {color:red;font-size:18px}

라고 할 때 모든 h1 태그에 공통적으로 적용됩니다.

<div>

  <h1>안녕하세요</h1>

</div>

<h1>반갑습니다</h1>

div h1{color:blue;font-size:24px} 

라고 할 때, 위 h1 에는 스타일이 적용되지만, 아래 h1에는 스타일이 적용되지 않습니다.

<div class="container">

  <h1>안녕하세요</h1>

</div>

<div>

  <h1>반갑습니다.</h1>

</div>

<div class="container">

  <h1>또 안녕하세요</h1>

</div>

.container h1{color:green;font-size:10px}

라고 할 때 첫번째,세번째 h1 에는 적용되고, 두번째 h1 에는 적용되지 않습니다.

<div class="container">

  <h1>안녕하세요</h1>

</div>

<div id="d_title">

  <h1>반갑습니다.</h1>

</div>

<div class="container">

  <h1>또 안녕하세요</h1>

</div>

#d_title h1{color:black;font-size:30px}

라고 할 때 두번째 h1 에는 적용되고, 첫번째/세번째 h1 에는 적용되지 않습니다.

css 에서 선택자에는 class 도 있고 id 도 있습니다.

class 는 여러개를 사용할 수 있지만, id 는 한번만 사용할 수 있습니다.