html - 如何在 css 中使用 set-string 仅在标题中获取我的文本？

Question

我想在我的标题中设置字符串，但我不希望它在我的内容中可见。我的 html 中有这个：

<h2>Text I want in my header</h2>

如果与我的 css 一起使用，我会在标题和内容中获得文本。

@page {
  @top-left {
    content: counter(page);
    height: 1cm;
    width: 1cm; }
  @top-right {
    content: string(heading);
    vertical-align: middle;
    width: 100%; } }

 html body h2 {
    break-before: always;
    string-set: heading content(); }

我可以以某种方式修复 CSS 还是我需要另一种方法来获得我想要的东西？

标签： htmlcsstypography