JSFiddle - React, Tailwind, and code Playground

by nate

HTML

<div>My regular ol' content.</div>

CSS

div {
    background-color: #000;
    color: #fff;
    font-family: Futura, Arial, sans-serif;
    padding: 1em;
}

div:before {
    color: yellow;
    content: 'Before! ';
}

div:after {
    color: orange;
    content: ' After!';
}

/* Let's try adding another after */
div:after {
    content: ' Another After!';
}

/* Can we add another this way? */
div:after:after {
    content: ' Yet Another After!';
}