주요 선택자

김예희·2023년 7월 10일
0

Type 선택자

사용 시, 하나의 html 파일에 있는 선택한 모든 태그에 변화를 주게 된다.

예를 들어, html 파일에 있는 <h3>Lorem Ipsum<h3>의 글자색을 red로 바꾸고 싶을 때 css 파일에서 h2{color:red;}로 할 수는 있지만, 나중에 html 파일에서 또 다른 <h3>을 추가로 넣게되면 그것도 글자색이 같이 변경된다.


ID 선택자

= 유일한 이름표 = 중복사용 불가

[html]
<h1 id="unique">Welcome<h1>
[css] #을 사용한다
#unique{color:red;}


Class 선택자

= 전역으로 사용가능한 이름표

[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로 변한다.

0개의 댓글