demo · v131
Pseudo-elements can nest
Apply ::first-letter (or ::first-line, etc.) to the generated text from a ::before or ::after pseudo-element. Adjust the controls to see the chained selector reach into the generated label.
“The web platform is the only platform you don’t have to ask permission to ship on.”
the css
.card::before {
content: "Pull quote";
}
/* NEW in 131: a pseudo can target another pseudo's generated content */
.card::before::first-letter {
color: #d11a2a;
font-size: 1.4em;
font-weight: 900;
}