添加内容到以后添加的没有JavaScript的DOM元素

时间:2015-03-12 18:51:40

标签: html css dom

是否有办法将相同的内容(内部文本/ html)添加到具有稍后添加的特定类的DOM元素。

以CSS为例:

.red {
    background-color: red;
}

如果将来使用类.red添加DOM元素,它的背景颜色将为红色。

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

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

这可以不使用JavaScript吗?

1 个答案:

答案 0 :(得分:1)

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

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