实现这一点的方法是在CSS内容中添加行高。这将使块显示在隐藏的上方，因此这将不会隐藏更改的文本。

之前使用的例子:

.pvw-title span {
  display: none;
}

.pvw-title:before {
  content: 'Whatever it is you want to add';
  line-height: 1.5em
}

基于 mikemaccana的回答, 这对我很有效

按钮{ 位置:绝对的; 可见性:隐藏; ｝ 按钮:{之前 内容:“再见”; 可见性:可见; ｝ 原来<按钮> < / >按钮

§绝对定位

绝对定位的元素将从流中取出，从而 放置其他元素时不占用空间。

试试这个方法:

IDENTIFIER {
    visibility: hidden;
    position: relative;
}
IDENTIFIER::after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "NEW_CONTENT";
}

你不能，嗯，你可以。

.pvw-title:after {
  content: "Test";
}

这将在元素的当前内容之后插入内容。它实际上并不替换它，但您可以选择一个空的div，并使用CSS添加所有的内容。

虽然你或多或少可以，但你不应该这样做。实际内容应写入文件。content属性主要用于小型标记，比如文本周围的引号应该被引用。

为了在使用后隐藏原始内容，你可以使用这个hack:

.pvw-title { 字体大小:0; ｝ .pvw-title:{后 字体大小:1快速眼动; 内容:“我是一段完全不同的文字!”; ｝ < div class = " pvw-title”>事实< / div >

将font-size设置为0会使文本消失，而不会从视口中移除实际的元素。因此，:after选择器可以工作，并且应该在所有浏览器上显示。

使用伪元素，该方法不需要原始元素的知识，也不需要任何额外的标记。

#someElement{
    color: transparent; /* You may need to change this color */
    position: relative;
}
#someElement:after { /* Or use :before if that tickles your fancy */
    content: "New text";
    color: initial;
    position: absolute;
    top: 0;
    left: 0;
}