When is using display: block for ::before or ::after unnecessary?

Mar 8, 2023

Code #1 defines display: flex for the parent via the .parent selector. Also some properties including display: block, are defined for the ::before pseudo-element via the .parent::before selector. Code #2 defines the same but without display: block

Folks, did you define display: flex or display: inline-flex to the parent? Yeap? Stop defining display: block for ::before or ::after. Browsers make it themselves🙂

P.S.
❤ Thank you so much, my sponsors: Ben Rinehart, Tatiana Ten

CSS isn't magic

When is using display: block for ::before or ::after unnecessary?