将内容添加到 DOM 个稍后添加的元素 w/o JavaScript

Question

有没有办法让 DOM 元素的内容（内部 text/html）与稍后添加的特定 class 元素相同。

以CSS为例：

.red {
    background-color: red;
}

如果将来添加 DOM 元素和 class .red，它的背景颜色将为红色。

我可以对 DOM 元素的内容使用类似的技术吗？比如说，所有 class 为 data-amount 的元素都应该有内容 40。因此，如果任何元素具有此 class，即使稍后在 DOM 中添加，也应显示内容 40：

<div class="data-amount"></div>

不使用 JavaScript 是否可行？

Answer 1

你可以使用CSS伪元素::before:

.data-amount::before {
    content: '40';
}

Add content to DOM elements added later w/o JavaScript