CSS - 更改元素标签并替换其内容

Question

我无权访问 HTML 页面，因此只能使用 CSS 内容来替换文本。我要替换的文本使用 h1 标题标签，并且我尝试使用 h3 标签替换所述文本。

.class::before {
content: '<h3> Replacement Text </h3>';

至少在 Chrome 和 IE 上，标题标签会被忽略。替换文本确实显示，但显示在默认的 h1 标题标签中。

Answer 1

实际上您无法更改标签本身。

但是你可以使用 css 技巧更改其内容:

查看此演示

h1 {
  visibility: hidden;
  position: relative;
}

h1::after {
  content: 'Applied From CSS';
  display: block;
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

</style>

<h1>Applied From HTML</h1>