Multiple pseudo-elements can be created with the ::before(ordinal) and ::after(ordinal) notation, where 'ordinal' is a positive integer.
::before pseudo-elements are ordered descending by 'ordinal' from the host element's content edge.
::after pseudo-elements are ordered ascending by 'ordinal' from the host element's content edge.
The demo works correctly if both the 'control' and 'pseudo-elements' sections look exactly the same. Take a look at the source code.