<style type="text/css">
 div p {color:red;}
</style>

<div>
  <p>div가 아닌 p요소에 적용됩니다.</p>
</div>

2) 자식 선택자

이방법은 익스6과 구버전에선 지원하지않습니다.
하위선택자와 다른점은 상속이 되질 않는다는것입니다.

<style type="text/css">
.parent > p {color:red;}
</style>

<div class="parent">
  <p>자식선택자</p> <- 이곳에만 적용이 되겠죠
  <div>
    <p 하위선택자</p>
  </div>
</div>

3) 인접 선택자

같은레벨에서의 요소중에 첫번째요소 + 두번째요소 라고 생각하시면됩니다.

<style type="text/css">
h1 + h2 {color:gray;} : h2요소에 적용됩니다.
</style>

<h1>첫번째요소</h1>
<h2>두번째요소</h2> <- 이곳에만 적용이 되겠죠
<p></p>
<h2>세번째요소</h2>
<p></p>

h2가 같은레벨에 두군데가있지만, 첫번째요소와 인접한 요소에만 적용이되지요.

7. 선택자 그룹화

다수요소에 동일한 선언을 하고싶을때 콤마(,)로 구분하여 지정할수있지요
div>p, p.note {color:blue;} <- 두가지 다른요소에 색상을 파랑으로 한번에 지정해줄수있어요~