Latest web development tutorials

seletores CSS id e class

id e classe seletores

Se você deseja definir estilos CSS em elementos HTML, você precisa definir o "id" e "classe" de seletor de elemento.


selector id

selector id pode ser marcado com um ID específico do elemento HTML especifica um estilo particular.

elementos HTML com o ID de atributo definido seletores id, CSS seletor id para o "#" é definido.

As seguintes regras aplicam-se ao elemento de estilo atributo id = "para1":

Exemplos

#para1
{
text-align:center;
color:red;
}

tente »

observação atributos de ID não comece com um número, o número de identificação no início não funciona no navegador Mozilla / Firefox.


seletor de classe

selector de classe de estilo é utilizado para descrever um grupo de elementos, o selector de classe Ao contrário selector de ID, classe pode ser utilizado em mais do que um elemento.

seletor de classe no atributo de classe HTML para indicar, no seletor de classe CSS para um número de ponto exibida ".":

Nos exemplos a seguir, todos têm um centro como elementos HTML estão centradas.

Exemplos

.center {text-align:center;}

tente »

Você também pode especificar um elemento HTML particular usa classe.

Nos exemplos que se seguem, todo o elemento p usa classe = "centro" de modo que o texto do elemento do centro:

Exemplos

p.center {text-align:center;}

tente »

observação O nome da classe primeiro caractere não pode usar digital! Ele não pode trabalhar com o Mozilla ou o Firefox.