从一个自定义标签生成多个 html 标签

Question

我基本上希望能够写出类似这样的东西：

<mycustomtag>bob</mycustomtag>

并让它生成：

<div>I'm a template <h2>bob</h2> </div>

有没有可能做这样的事情？

请注意，我不希望使用 JS 来执行此操作，实际上只是简单的 HTML/CSS。这样的事情甚至可能吗，或者每个 HTML 元素不能通过 CSS 创建更多？

Answer 1

你不能用纯 HTML 和 CSS 做这样的事情，你需要使用 JavaScript.

最接近纯 HTML 和 CSS 的方法是使用 ::before 和 ::after 伪元素：

mycustomtag {
  display:block;
}

mycustomtag::after {
  content:'extra element here';
  display:block;
}

Generating multiple html tags from one custom tag