CSS：有没有办法将属性的内容作为文本插入到我的输出中？

Question

通常，CSS 通过匹配 HTML 中的元素名称来工作：p.heading1 {} 影响类型为 class heading1 的所有元素。

有没有办法显示仅作为属性存在的 object/text？

例如，这是我的HTML：

<body var="text I want to insert">
    <div class="titlepage"> 
        <p class="titlepagetext">this should also be displayed</p>

扉页有多个 <p> 个子页。除了他们，我还想在扉页显示body/var的内容

Answer 1

当您使用 css 时，您无法定位父级。无法获取父选择器。并且内容：""只能申请伪类.

Answer 2

你可以考虑CSS variables。自定义属性将被 body 内的所有元素继承，您可以使用伪元素将其显示在您想要的位置：

.titlepage:before {
  content:var(--var);
}

<body style="--var:'text I want to insert'">
  <div class="titlepage">
    <p class="titlepagetext">this should also be displayed</p>
  </div>
</body>

Answer 3

AH Formatter 有一个 -ah-attr-from() 扩展函数，可以让您获取祖先属性的内容（参见 https://www.antennahouse.com/product/ahf66/ahf-ext.html#attr-from）。

您可以在 .titlepagetext::before 的规则中使用 -ah-attr-from()。

CSS：有没有办法将属性的内容作为文本插入到我的输出中？

CSS: is there a way to insert the content of an attribute as text in my output?

css

css-paged-media

antenna-house