Pseudoclassi e Pseudoelementi si definiscono con :pseudoclasse possono riferirsi a classi, tag o singoli elementi ci sono pseudoclassi dinamiche, pseudoclassi.

Presentazione sul tema: "Pseudoclassi e Pseudoelementi si definiscono con :pseudoclasse possono riferirsi a classi, tag o singoli elementi ci sono pseudoclassi dinamiche, pseudoclassi."— Transcript della presentazione:

1 Pseudoclassi e Pseudoelementi si definiscono con :pseudoclasse possono riferirsi a classi, tag o singoli elementi ci sono pseudoclassi dinamiche, pseudoclassi per i link, per la lingua, ecc. Pseudoclassi dinamiche :hover stile applicato quando il mouse passa sopra l'elemento (onmouseover/onmousemove) :active stile applicato quando un elemento è attivato (onclick, onmousedown) :focus stile applicato quando un elemento è pronto a ricevere un input da tastiera (onfocus,onkypress,onkeydown)

2 Pseudoclassi per link e lingua Pseudoclassi collegamenti ipertestuali Pseudoclasse lang(..) :link stile applicato ai link non ancora visitati :visited stile applicato ai link già visitati :lang( yy ) stile applicato agli elementi che hanno attributo lang="yy"

3 pseudoclasse :first-child :first-child stile da applicare ad un elemento solo quando è il primo nodo figlio di un altro elemento. Es: td:first-child indica tutte le prime celle a sinistra (la prima cella di ogni riga) p:first-child tutti i primi paragrafi (il primo paragrafo di ogni div)

4 pseudoelementi :first-line e :first-letter :first-line stile da applicare alla prima riga di un determinato elemento (può variare in base alle impostazioni del browser) :first-letter stile da applicare alla prima lettera (capolettera) P.poesia:first-line {color: orange;} P.poesia:first-letter { font-size: 3em; font-style: italic; font-weight: bold; text-transform: uppercase; color: red; float: left; }