tailwindcss/tests/modify-selectors.test.html

<div class="font-bold"></div>
<div class="foo:font-bold"></div>
<div class="foo:hover:font-bold"></div>
<div class="sm:foo:font-bold"></div>
<div class="md:foo:focus:font-bold"></div>
<div class="markdown">
  <p>Lorem ipsum dolor sit amet...</p>
</div>
<div class="foo:markdown">
  <p>Lorem ipsum dolor sit amet...</p>
</div>
<div class="foo:visited:markdown">
  <p>Lorem ipsum dolor sit amet...</p>
</div>
<div class="lg:foo:disabled:markdown">
  <p>Lorem ipsum dolor sit amet...</p>
</div>