<!DOCTYPE html>
<style>
  #host::after {
    content: 'After';
  }
</style>
<div id="host">Host</div>
<script>
host.attachShadow({ mode: 'open'}).innerHTML = '<span><slot></slot> ';
</script>