CSS 선택자

HTML의 특정한 요소를 선택하는 사인(sign)이다.

*CSS는 HTML 외부에서 불러오는 방식으로 가정

1. 태그로 찾기

입력하는 부분에 적용하려는 태그의 이름을 입력한다.

*.css

div {
  ...
}

h1 {
  ...
}

img {
  ...
}

2. class로 찾기

입력하는 부분에 적용하려는 태그의 class이름을 입력한다.

*.html

<p class="yello">p</p>
<div class="pen">div</div>
<h1 class="apple">h1</h1>

*.css

.yello {
  ...
}

.pen {
  ...
}

.apple {
  ...
}

3. id로 찾기

입력하는 부분에 적용하려는 태그의 id이름을 입력한다.

*.html

<p id="a">p</p>
<div id="b">div</div>
<h1 id="c">h1</h1>

*.css

#a {
  ...
}

#b {
  ...
}

#c {
  ...
}