JSFiddle - React, Tailwind, and code Playground

by Chris Rebert

HTML

<p id="a">WWW single colon</p>
<p id="b">WWW double colon</p>
<p id="c">XX :before</p>
<p id="d">!!!W!!! punct</p>
<div lang="nl">
    <p id="e">IJklmn Dutch IJ</p>
</div>

CSS

#a:first-letter {
    color: lime;
}
#b::first-letter {
    color: lime;
}
#c:before {
    content: "M";
}
#c:first-letter {
    color: lime;
}
#d:first-letter {
    color: lime;
}
#e:first-letter {
    color: lime;
}