Pseudoclassi e pseudoelementi

Una pseudoclasse indica uno stato di un elemento e quindi la sua formattazione sarà diversa nel tempo.

Sono disponibili

  1. :active
  2. :focus
  3. :hover
  4. :link
  5. :visited

Il loro uso più frequente è associato allo stile dei link

In questo modo il link non ancora visitato apparirà blue, poi red, quando il mouse si posa sopra lime e quando viene cliccato yellow.

Attenzione: l’ordine con cui sono specificate nel foglio di stile provoca comportamenti diversi!


Si possono combinare pseudoclassi e classi

Un link della classe evidenziato al passaggio del mouse apparirà gray


Così come le psuedoclassi indicano uno stato particolare di un elemento, gli pseudoelementi

  1. :first-letter
  2. :first-line

indicano una posizione…

Si possono ottenere effetti molto originali

La prima lettera di ogni paragrafo avrà un certo stile, la prima riga di ogni paragrafo avrà un altro stile.

Notice: This work is licensed under a BY-NC-SA. Permalink: Pseudoclassi e pseudoelementi

Comments are closed.