Archivi tag: id

CSS3 Base – 5.2 – ID

In questa lezione vi parlo di cosa sono gli ID e di come vengono usati nei CSS.

ID

Come per la classe, anche l’ID viene usato per etichettare gli elementi HTML a cui applicare un determinato stile ma, a differenza della classe, l’ID si applica ad un unico elemento.

Per prima cosa applichiamo l’ID all’elemento univoco nel codice HTML:

Applicazione dell'ID
Applicazione dell’ID

In questo caso è stato applicato solo al paragrafo 2, l’unico che deve avere quello stile.

Poi creiamo nel CSS un selettore apposito formato da un cancelletto (#) seguito dal nome dell’ID:

ID nel CSS
ID nel CSS

Il risultato finale dimostra che soltanto il paragrafo 2 è interessato dallo stile:

Esempio
Esempio

Si poteva ottenere un risultato analogo andando ad inserire un CSS in linea nel tag del paragrafo 2, tuttavia in questo caso sarebbe stato più scomodo da aggiornare (ad esempio se volevamo poi cambiare il colore).

Video