Question

我目前正在编辑WordPress网站。我已经对此进行了一些研究，但我无法弄清楚为什么这不起作用。

问题是我只局限于CSS编辑的范围。我无法触摸HTML。因此，我希望通过CSS编辑内容。（我意识到这是不正常的）。

到目前为止，我可以跨越这个建议的解决方案。但它确实对我不起作用。

有没有人知道通过CSS编辑内容的酷炫技巧，而不是HTML，PHP，JavaScript等......

以下建议的代码无效

.comment-reply-title {
display:none !important;
}

.comment-reply-title::after {
content: "New text";
text-indent: 0;
display: block;
line-height: initial;
}

Answer 1

您可以在visibility:hidden中使用div，然后将overflow:visible应用于::after

font-size:0用于隐藏/折叠div

留下的额外空间

.comment-reply-title {
  visibility: hidden;
  font-size: 0
}
.comment-reply-title::after {
  content: "New text";
  visibility: visible;
  font-size: 16px
}

<div class="comment-reply-title">Old Text</div>

如何仅使用CSS编辑文本内容

1 个答案: