html 과 css의 관계 기본 4편 / CSS 선택자.

선택자란?

뭔가를 선택하는 방법이다.

CSS가 HTML을 선택 혹은 연결 해 주는 방법을 의미한다.

<h1>go9.co/JJ3</h1>
<!--
후손
자식
id, class
-->

<section>
    <article>
      <div id="a1">111</div>
      <div id="a2">222</div>
      <div id="a1">333</div>
      <div>444</div>
    </article>
</section>

  <div>555 </div>
  <div>666</div>

div{
  color:red
}

#a1{
  color:blue;
}

#a2{
  color:gold;
}

article > div{
  background:red
}

결과.