Pinceladas da Web

Os seletores de ID são semelhantes as classes, mas há uma diferença, eles só podem seu usados uma única vez em uma página (x)HTML. Seu uso geralmente é denominado para elementos de disposição da página, que geralmente são usados uma única vez, e os seletores de classe ficam a cargo de estilizar o resto de nossa página.

Vamos pegar como exemplo uma div que contém o nosso site:

<div id="container">
Aqui vai o conteúdo do site
</div>

Como pode ver acima, eu resolvi usar ID para o meu “container” por que eu vou usálo uma única vez em minha página, e é ele quem irá conter todo o meu site. Agora o nosso CSS fica da seguinte forma:

#container {
  width:760px;
  margin:0 auto;
  padding:15px;
  border: 1px solid #666;
  background:#FFF;
}

Como pode reparar os seletores de ID começam com um sinal de #, ao invés de ( . )

Tradução do artigo original de: CSS Basics.