CSS可以使用::before和::after伪元素来替换HTML节点的内容。

实现方式如下：

.node::before {
content: "替换前缀";
}
.node::after {
content: "替换后缀";
}

其中content属性用于指定要替换的内容，可以是文本字符串、图片、计数器等。这里我们使用文本字符串作为例子。

使用上述CSS代码之后，<div class="node">原内容</div>的显示效果变为替换前缀原内容替换后缀。

可以结合其他CSS属性来美化替换的效果，例如：

.node::before {
content: "";
background-color: red;
color: white;
padding: 4px;
border-radius: 4px 0 0 4px;
}
.node::after {
content: "";
background-color: blue;
color: white;
padding: 4px;
border-radius: 0 4px 4px 0;
}

上述CSS代码将::before和::after的内容设置为空字符串，然后利用background-color、color、padding和border-radius属性来显示美化元素。

CSS替换节点内容是一种常见的前端技巧，可以用于实现页面元素的装饰、动态更新等效果。