如何使用 CSS 替换文本内容，包括 HTML 标签内的文本？

Susan Sarandon

发布： 2024-12-21 10:15:11

原创

258 人浏览过

How Can I Replace Text Content with CSS, Including Text Within HTML Tags?

用 CSS 替换文本

您可以通过使用 content 属性覆盖原始文本内容来用 CSS 替换文本。但是，您无法直接使用 CSS 替换方括号 ([]) 内的文本。

要替换方括号内的文本，您可以使用以下方法：

.pvw-title span {
  display: none;
}

.pvw-title:after {
  content: 'whatever it is you want to add';
}

登录后复制

在此代码中，我们将原始文本（“事实”）包装在中。元素并使用 CSS 隐藏它。然后我们使用 :after 伪元素添加所需的替换文本内容。

例如：

<div class="pvw-title"><span>Facts</span></div>

登录后复制

这将在页面上显示“事实”，但实际文本将使用 CSS 隐藏。然后 :after 伪元素将显示替换文本，该文本出现在其位置。

以上是如何使用 CSS 替换文本内容，包括 HTML 标签内的文本？的详细内容。更多信息请关注PHP中文网其他相关文章！

来源：php.cn

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

作者最新文章