요소의 클래스 속성을 기반으로 스타일 규칙을 정의할 수 있습니다. 해당 클래스가 있는 모든 요소는 정의된 규칙에 따라 형식이 지정됩니다.

.black {
   color: #808000;
}

이 규칙은 문서에서 class 속성이 검정색으로 설정된 모든 요소에 대해 내용을 검정색으로 렌더링합니다. 조금 더 특별하게 만들 수 있습니다. 예:

h1.black {
   color: #808000;
}

이 규칙은 class 속성이 검은색으로 설정된

요소에 대해서만 콘텐츠를 검은색으로 렌더링합니다.

주어진 요소에 둘 이상의 클래스 선택기를 적용할 수 있습니다. 다음 예를 고려하십시오.

<p class = "center bold">
   This para will be styled by the classes center and bold.
</p>