CSS에서 클래스 선택기는 마침표로 표시됩니다:
.center {text-align: center}
위의 예에서 center 클래스가 있는 모든 HTML 요소는 중앙에 배치됩니다.
다음 HTML 코드에서는 h1 및 p 요소 모두 중앙 클래스를 갖습니다. 이는 둘 다 ".center" 선택기의 규칙을 준수한다는 것을 의미합니다.
<h1 class="center"> 이 제목은 가운데 정렬됩니다. </h1> <p class="center"> 이 단락도 가운데 정렬됩니다 </p>
*******************************
아이디 선택기
ID 선택기는 특정 ID로 표시된 HTML 요소에 대한 특정 스타일을 지정할 수 있습니다. ID 선택기는 "#"으로 정의됩니다. 다음 두 개의 ID 선택기 중 첫 번째는 요소의 색상을 빨간색으로 정의할 수 있고 두 번째는 요소의 색상을 녹색으로 정의할 수 있습니다.
#빨간색 {색상:빨간색;} #녹색 {색상:녹색;}
다음 HTML 코드에서는 id 속성이 빨간색인 p 요소가 빨간색으로 표시되고, id 속성이 녹색인 p 요소가 녹색으로 표시됩니다.
<p id="red">이 단락은 빨간색입니다. </p> <p id="green">이 단락은 녹색입니다. </p>
참고: id 속성은 각 HTML 문서에 한 번만 나타날 수 있습니다. 이유를 알아보려면 XHTML: 웹사이트 리팩토링을 참조하세요.