<!DOCTYPE html> | |
<style> | |
div { font-family: monospace; } | |
span, ::before, ::after { color: green; } | |
#before::before { content: "P"; } | |
#after::after { content: "S"; } | |
</style> | |
<p>There should be two green PASSes below.</p> | |
<div id="before"><span>ASS</span></div> | |
<div id="after"><span>PAS</span></div> | |
<div id="noBeforeAfter"></div> |