从一个自定义标记生成多个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;
}

Example