Manuale di riferimento dei pseudo-elementi CSS

Elementi pseudo di CSS

Gli elementi pseudo di CSS vengono utilizzati per impostare lo stile di parti specifiche degli elementi.

Ad esempio, può essere utilizzato per:

  • Imposta lo stile della prima lettera o della prima riga dell'elemento
  • Inserisci il contenuto prima o dopo il contenuto dell'elemento
  • Imposta lo stile del contrassegno dell'elemento elenco
  • Imposta lo stile della vista di sfondo del dialogo

La tabella seguente mostra diversi elementi pseudo di CSS:

Elemento pseudo Esempio Descrizione dell'esempio
::after p::after Inserisci il contenuto dopo il contenuto dell'elemento specificato.
::backdrop dialog::backdrop Imposta lo stile della vista di sfondo del dialogo o dell'elemento popup.
::before p::before Inserisci il contenuto prima del contenuto dell'elemento specificato.
::file-selector-button ::file-selector-button Seleziona il pulsante del selettore di file di tipo <input type="file">.
::first-letter p::first-letter Seleziona la prima lettera di ogni elemento <p>.
::first-line p::first-line Seleziona la prima riga di ogni elemento <p>.
::grammar-error ::grammar-error Imposta lo stile del testo contrassegnato come errore grammaticale dal browser.
::highlight() ::highlight(custom-name) Seleziona l'evidenziazione personalizzata.
::marker ::marker Seleziona il contrassegno dell'elemento elenco.
::placeholder input::placeholder Imposta lo stile del testo del segnaposto per l'elemento <input> o <textarea>.
::selection ::selection Imposta lo stile del testo selezionato dall'utente.
::spelling-error ::spelling-error Imposta lo stile del testo contrassegnato come errore di battitura dal browser.
::view-transition ::view-transition Rappresenta la radice di sovrapposizione della transizione della vista, che contiene tutte le transizioni della vista nella pagina.
::view-transition-group ::view-transition-group Rappresenta un gruppo di istogrammi di transizione della vista singola.
::view-transition-image-pair ::view-transition-image-pair Contenitore dello stato di vista 'vecchio' e 'nuovo' del passaggio della vista (prima e dopo il passaggio).
::view-transition-new ::view-transition-new Stato di vista 'nuovo' che rappresenta la transizione di vista.
::view-transition-old ::view-transition-old Stato di vista 'vecchio' che rappresenta la transizione di vista.