Differenza tra classe e ID

Classe vs ID

Cascading Style Sheets (CSS) è un linguaggio che descrive l'aspetto e la formattazione di un documento scritto utilizzando un linguaggio di marcatura. Il CSS è ampiamente utilizzato per lo stile di pagine Web scritte in HTML. Il CSS consente di specificare i propri selettori di stile oltre ad applicare gli stili per gli elementi HTML. Questo viene fatto usando l'ID e i selettori di classe. Quando si specifica uno stile per un singolo elemento unico, viene utilizzato il selettore ID. Quando si specifica uno stile per un gruppo di elementi, viene utilizzato il selettore di classe.

Cos'è una classe?

Nei CSS, il selettore di classe può essere utilizzato per applicare il proprio 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. Nei CSS, un selettore di classe è identificato da un punto (.). Di seguito è riportato un esempio di selettore di classe definito in CSS.

.la mia classe

colore blu;

font-weight: bold;

L'HTML può fare riferimento alla classe definita in CSS usando la classe di attributi come mostrato di seguito.

Questa è la mia formattazione

Questa è la mia formattazione di nuovo

Come mostrato sopra, la stessa classe potrebbe essere utilizzata per più elementi e un singolo elemento può utilizzare più classi. Quando più classi vengono utilizzate nello stesso elemento, le classi vengono inserite nell'attributo di classe delimitato da uno spazio come mostrato di seguito.

Questa è la mia formattazione usando due classi

Cos'è un ID?

Nei CSS, il selettore ID può essere utilizzato per applicare il proprio stile a un singolo elemento univoco. Nei CSS, un selettore ID è identificato da un cancelletto (#). Di seguito è riportato un esempio di un selettore ID definito in CSS.

#my_ID

colore rosso;

text-align: right;

L'HTML può fare riferimento al selettore dell'ID definito in CSS usando l'id dell'attributo come mostrato di seguito.

Questo è il mio modulo di formattazione come selettore di ID

Gli ID sono unici. Pertanto, ogni elemento può avere un solo ID e ogni pagina può avere solo un singolo elemento con quell'ID specifico. Gli ID hanno una caratteristica importante che può essere utilizzata con un browser. Se l'URL della pagina contiene un valore hash (ad es. Http: //myweb.com#my_id), il browser proverà a individuare automaticamente l'elemento con l'ID "my_id" e far scorrere la pagina Web per visualizzare quell'elemento. Questo è uno dei motivi per cui la pagina dovrebbe avere un singolo elemento con quell'identificativo specifico, in modo che il browser possa individuare quell'elemento.

Qual è la differenza tra Class e ID?

Anche se sia il selettore Class che il selettore ID possono essere utilizzati per applicare il proprio stile agli elementi di una pagina Web, presentano alcune differenze importanti. 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 solo un singolo elemento con quell'ID specifico, ma la Classe può essere utilizzata per più elementi e un singolo elemento può utilizzare più Classi. Inoltre, l'ID può essere usato per scorrere automaticamente una pagina per visualizzare l'elemento con quell'ID, ma questo non è possibile con il selettore di classe.