Cuiabá 71

Com um Class Selector você pode definir diferentes estilos para o mesmo elemento HTML. Por exemplo, se você quiser ter dois parágrafos com alinhamento diferentes:

p.right {text-align: right}
p.center {text-align: center}

Para utilizar o Class Selector você deve definir uma classe para o elemento HTML:

<p class=”right”>
Este parágrafo será alinhado a direita.
</p>
<p class=”center”>
Este parágrafo será alinhado ao centro.
</p>

Você também pode omitir o nome da tag no seletor caso deseje utilizar a classe de estilo para tags diferentes:

.center {text-align: center}

Basta definir a mesma classe para tags diferentes:

<h1 class=”center”>
Este cabeçalho/titulo será alinhado ao centro
</h1>

<p class=”center”>
Este parágrafo também será alinhado ao centro
</p>