사용 시, 하나의 html 파일에 있는 선택한 모든 태그에 변화를 주게 된다.
예를 들어, html 파일에 있는
<h3>Lorem Ipsum<h3>
의 글자색을 red로 바꾸고 싶을 때 css 파일에서h2{color:red;}
로 할 수는 있지만, 나중에 html 파일에서 또 다른<h3>
을 추가로 넣게되면 그것도 글자색이 같이 변경된다.
= 유일한 이름표 = 중복사용 불가
[html]
<h1 id="unique">Welcome<h1>
[css] #을 사용한다
#unique{color:red;}
= 전역으로 사용가능한 이름표
[html]
<ul> <li class="movie">Toy Story</li> <li>Zootopia</li> <li class="movie">Inside Out</li> </ul>
[css] .을 사용한다
.movie {color:blue;}
=> Toy Story와 Inside Out의 글자색이 blue로 변한다.