Classe vs ID
Cascading Style Sheets (CSS) è un linguaggio che descrive l'aspetto e la formattazione di un documento scritto utilizzando un linguaggio di markup. I CSS sono ampiamente utilizzati per lo stile di pagine Web scritte in HTML. CSS consente di specificare i propri selettori di stile oltre ad applicare stili per gli elementi HTML. Questo viene fatto utilizzando l'ID e i selettori di classe. Quando si specifica uno stile per un singolo elemento univoco, viene utilizzato il selettore ID. Quando si specifica uno stile per un gruppo di elementi, viene utilizzato il selettore di classe.
Cos'è una classe?
In CSS, il selettore di classe può essere utilizzato per applicare il tuo stile a un gruppo di elementi. Il selettore di classe viene utilizzato per applicare uno stile specifico a un insieme di elementi con la stessa classe. In CSS, un selettore di classe è identificato da un punto (.). Di seguito è riportato un esempio di un selettore di classe definito in CSS.
.mia_classe {
colore: blu;
font-weight: grassetto;
}
HTML può fare riferimento alla classe definita in CSS utilizzando la classe di attributi come mostrato di seguito.
Questa è la mia formattazione
Questa è di nuovo la mia formattazione
Come mostrato sopra, la stessa classe può essere usata per più elementi e un singolo elemento può usare più classi. Quando più classi vengono utilizzate nello stesso elemento, le classi vengono inserite nell'attributo class delimitato da uno spazio come mostrato di seguito.
Questa è la mia formattazione usando due classi
Cos'è un ID?
In CSS, il selettore ID può essere utilizzato per applicare il tuo stile a un singolo elemento univoco. In CSS, un selettore ID è identificato da un hash (). Di seguito è riportato un esempio di un selettore ID definito in CSS.
mio_ID {
colore: rosso;
text-align:right;
}
HTML può fare riferimento al selettore ID definito in CSS utilizzando l'attributo id come mostrato di seguito.
Questa è la mia formattazione del modulo di selezione ID
Gli ID sono univoci. Pertanto ogni elemento può avere un solo ID e ogni pagina può avere un solo elemento con quello specifico ID. Gli ID hanno una caratteristica importante che può essere utilizzata con un browser. Se l'URL della pagina contiene un valore hash (ad es. https://myweb.commy_id) il browser proverà a individuare automaticamente l'elemento con l'ID "my_id" e scorrerà la pagina Web per visualizzare quell'elemento. Questo è uno dei motivi per cui la pagina dovrebbe avere un singolo elemento con quell'ID specifico, in modo che il browser possa individuare quell'elemento.
Qual è la differenza tra Classe e ID?
Anche se sia il selettore di classe che il selettore di ID possono essere utilizzati per applicare il proprio stile agli elementi di una pagina web, presentano alcune importanti differenze. Il selettore di classe può essere utilizzato per applicare il proprio stile a un gruppo di elementi, mentre il selettore ID viene utilizzato per applicare uno stile a un singolo elemento univoco. Quando si utilizzano gli ID, ogni elemento può avere un solo ID e ogni pagina può avere un solo elemento con quell'ID specifico, ma Class può essere utilizzata per più elementi e un singolo elemento può utilizzare più Classi. Inoltre, ID può essere utilizzato per scorrere automaticamente una pagina per visualizzare l'elemento con quell'ID, ma ciò non è possibile con il selettore di classe.
