Pseudo-elementi CSS
Gli pseudo-elementi permettono di stilizzare parti specifiche di un elemento o aggiungere contenuto.
::before e ::after
.quote::before {
content: "201C"; /* Virgolette aperte */
font-size: 2em;
}
.quote::after {
content: "201D"; /* Virgolette chiuse */
}
/* Icona richiesto nei form */
label.required::after {
content: " *";
color: red;
}Altri pseudo-elementi
p::first-line { font-weight: bold; }
p::first-letter {
font-size: 2em;
float: left;
}
::selection {
background: yellow;
color: black;
}