Sobes.tech
Junior

Quali pseudo-class CSS conosci?

sobes.tech AI

Risposta dell'AI

  • :hover: Si applica a un elemento quando il puntatore del mouse è sopra di esso.
  • :active: Si applica a un elemento quando viene attivato dall'utente (ad esempio, premendo un pulsante).
  • :focus: Si applica a un elemento quando riceve il focus (ad esempio, tramite tab o clic).
  • :visited: Si applica a un link che l'utente ha già visitato.
  • :link: Si applica a un link che l'utente non ha ancora visitato.
  • :first-child: Seleziona il primo elemento tra i suoi fratelli.
  • :last-child: Seleziona l'ultimo elemento tra i suoi fratelli.
  • :nth-child(n): Seleziona il n-esimo elemento tra i suoi fratelli. n può essere un numero, odd, even o una formula (ad esempio, 2n+1).
  • :not(selector): Seleziona gli elementi che non corrispondono al selettore specificato.
  • :root: Si applica all'elemento radice del documento (<html>).
  • :empty: Seleziona gli elementi che non hanno elementi figli né contenuto testuale.
  • :target: Si applica a un elemento il cui identificatore corrisponde al frammento URL (parte dopo #).
  • :checked: Si applica agli elementi di formulario selezionati (ad esempio, caselle di controllo, pulsanti radio).
  • :disabled: Si applica agli elementi di formulario disabilitati.
  • :enabled: Si applica agli elementi di formulario abilitati.
  • :read-only: Si applica agli elementi di formulario solo lettura.
  • :read-write: Si applica agli elementi di formulario modificabili.
  • :lang(language): Seleziona gli elementi con attributo lang specificato.
  • ::before: Crea un pseudo-elemento prima del contenuto dell'elemento selezionato.
  • ::after: Crea un pseudo-elemento dopo il contenuto dell'elemento selezionato.
  • ::first-letter: Seleziona la prima lettera della prima riga di un elemento di blocco.
  • ::first-line: Seleziona la prima riga di un elemento di blocco.
  • ::selection: Si applica alla parte dell'elemento evidenziata dall'utente.