Latest web development tutorials

selettori CSS id e class

id e di classe selettori

Se si desidera impostare gli stili CSS in elementi HTML, è necessario impostare il "id" e elemento selettore "classe".


selettore di ID

selettore di ID può essere etichettato con uno specifico id dell'elemento HTML specifica uno stile particolare.

elementi HTML con l'ID impostato l'attributo id selettori CSS, selettore id per il "#" è definito.

Le seguenti regole si applicano per l'elemento dello stile attributo id = "para1":

Esempi

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

Prova »

osservazione attributi ID non iniziano con un numero, il numero ID, all'inizio non funziona in Mozilla / Firefox.


selettore di classe

selettore di classe Style è usato per descrivere un gruppo di elementi, selettore di classe A differenza selettore id, classe può essere utilizzato in più di un elemento.

selettore di classe in attributo class HTML per indicare, nel selettore di classe CSS per un numero in virgola visualizzato "".:

Nei seguenti esempi, tutti hanno un centro come elementi HTML sono centrati.

Esempi

.center {text-align:center;}

Prova »

È inoltre possibile specificare un particolare elemento HTML utilizza classe.

Nei seguenti esempi, tutte dell'elemento p utilizza class = "center" in modo che il testo dell'elemento del centro:

Esempi

p.center {text-align:center;}

Prova »

osservazione Il nome della classe primo carattere non può usare digitale! Non può funzionare con Mozilla o Firefox.