<script> let promise = Promise.resolve(); </script> <style> .a + .b { color: green; } .a + .c { color: green; } .a + .d { color: green; } .a + .e { color: green; } .a + .f { color: green; } .a + .g { color: green; } .a + .h { color: green; } .b + .d { color: green; } .c + .d { color: green; } .b + .e + .f + .h { color: green; } .b + .d + .h { color: green; } .c + .g { color: green; } </style> <div class="a" /> {#await promise then value} <div class="b" /> {:catch error} <div class="c" /> {/await} {#await promise} <div class="d" /> {:catch error} <div class="e" /> {/await} {#await promise} <div class="f" /> {:then error} <div class="g" /> {/await} <div class="h" />