Programming/HTML CSS
클래스 선택자

태그에 특정 클래스가 적용되어 있는 경우 해당 클래스를 가진 태그를 .(점)문자를 사용하여 선택합니다.
<span class="color_span">CLIEL</span>
▶span 태그에 color_span 클래스 적용
.color_span {
 color:red;
}
▶color_span 클래스 사용 태그 선택

같은 클래스를 사용하는 서로 다른 태그에서 특정 태그만을 선택해야 한다면 <태그>.<클래스> 형식으로 지정해야 합니다.
<span class="color_span">CLIEL</span>
<p class="color_span">CLIEL</p>
▶다른 태그에 같은 color_span 스타일 적용
span.color_span {
 color:red;
}
▶span의 color_span만을 선택

또한 하나의 태그에 여러 클래스가 적용된 경우
<span class="color_span bold_span">CLIEL</span>
해당 클래스 모두 선택이 가능하며 각각의 스타일 적용이 가능합니다.
.color_span {
 color:red;
}

.bold_span {
 font-weight:bold;
}
0 0