Question

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

有没有办法显示仅作为属性存在的对象/文本？

例如，这是我的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 variables。 custom属性将被体内的所有元素继承，您可以使用伪元素将其显示在所需的位置：

.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 2

AH格式化程序具有-ah-attr-from()扩展功能，可让您获取祖先属性的内容（请参见https://www.antennahouse.com/product/ahf66/ahf-ext.html#attr-from）。

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

Answer 3

使用CSS时，无法定位父对象。无法获取父选择器。内容：""仅适用于伪类。

CSS：有没有一种方法可以将属性内容作为文本插入我的输出中？

3 个答案: