Примените цвет фона к пользовательскому тегу с внутренним div

Question

Мне нужно установить цвет фона для пользовательского тега, такого как страница, а затем добавить в него div. Но я пробовал в следующих случаях, и когда я включаю тег div в тег cutom, неожиданно backgroundcolor не применяется.Это пробуется на пустой HTML-странице, и, следовательно, никакие другие CSS не добавляются.

Это работает

<page style="background:yellow">
    This is my entire web page
</page>

<div style="background:yellow">
    <div>
        This is my entire web page
    </div>
</div>

Это не работает

<page style="background:yellow">
    <div>
        This is my entire web page
    </div>
</page>

<anytag style="background:yellow">
    <div>
        This is my entire web page
    </div>
</anytag>

Answer 1

Это работает, но мы не можем видеть, потому что он рассматривает anytag или страницу как встроенный тег, если вы добавляете в style = "display: block" или style = "display:inline-block ", тогда вы можете найти разницу

<anytag style="background:yellow;display:block">
    <div>
        This is my entire web page
    </div>
</anytag>

или использовать CSS

<page style="background:yellow">
    <div>
        This is my entire web page
    </div>
</page>
<style>
page{
  display:inline-block;
}
</style>

https://codepen.io/kaslab/pen/gqPpwp