CSS 클래스 셀렉터

1 개요

CSS class selector

CSS 클래스 셀렉터

• 특정 클래스명을 가진 모든 HTML 요소에 적용됨

css

Copy

.클래스명 { 속성: 값; }

2 예시

html

Copy

<style type='text/css'>
.redbox {
  height: 30px;
  width: 30px;
  background-color: red;
}
p.hometown {
  background-color: yellow;
}
</style>
<div class='redbox'></div>
<p>제 이름은 Alice입니다.</p>
<p class='hometown'>저는 Springfield에 삽니다.</p>
<p>제 이름은 Bob입니다.</p>
<p class='hometown'>저도 Springfield에 삽니다.</p>

• 예제: http://zetawiki.com/ex/css/class-selector.php

3 같이 보기

• CSS 아이디 셀렉터, 클래스 셀렉터 우선순위
• CSS 아이디 셀렉터
• CSS 의사-클래스
• CSS 셀렉터

4 참고

• http://www.w3schools.com/cssref/sel_class.asp