Em CSS, os seletores de classe são exibidos com um ponto final:
.center {text-align: center}
No exemplo acima, todos os elementos HTML com a classe center estão centralizados.
No código HTML a seguir, os elementos h1 e p possuem a classe central. Isso significa que ambos respeitarão as regras do seletor ".center".
<h1 class="center"> Este título será alinhado ao centro </h1> <p class="center"> Este parágrafo também será alinhado ao centro </p>.
*******************************
seletor de identificação
O seletor de id pode especificar um estilo específico para elementos HTML marcados com um id específico. O seletor de id é definido com "#". Os dois seletores de id a seguir, o primeiro pode definir a cor do elemento como vermelho e o segundo pode definir a cor do elemento como verde:
#vermelho {cor:vermelho;} #verde {cor:verde;}
No código HTML a seguir, o elemento p com o atributo id vermelho é exibido em vermelho, e o elemento p com o atributo id verde é exibido em verde.
<p id="red">Este parágrafo é vermelho. </p> <p id="green">Este parágrafo é verde. </p>
Nota: O atributo id pode aparecer apenas uma vez em cada documento HTML. Para descobrir o porquê, consulte XHTML: Refatoração de sites.