New pattern for if/else templating in HTML

[ChrisShank]

<div if="false">1</div>
<div else-if="true">2</div>
<div else>3</div>

<style>
[if="false"],
[else-if="false"],
:is([if="true"], [else-if="true"]) ~ :is([else-if], [else]) {
  display: none;
}
</style>

https://x.com/chrisshank23/status/1763825092679868526?s=20