Html “替换”的问题；阅读更多“；文本

我的博客中有此文本（自定义模板）：

我想用不同的语言来代替它

这是检查时的外观：

<span class="bt_readmore_btn_holder">
  <span class="bt_readmore_btn">
      ::before
      "Read More"
      ::after
  </span>
</span>

到目前为止，我尝试了…

.bt_readmore_btn_holder { padding-left:10px; padding:0px 10px; display:block; margin-top:20px; font-size:17px;}
.bt_readmore_btn { color:$(maincolor); text-decoration:none;    display:inline-block;  position:relative}
.bt_readmore_btn:hover { color:$(linkcolor); text-decoration:none;}
.bt_blog_post_cat a:before, .bt_readmore_btn:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    transition: width 0s ease, background .2s ease;

    }
.bt_blog_post_cat a:after, .bt_readmore_btn:after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    background: $(linkcolor);
    transition: width .2s ease;
}

.bt_blog_post_cat a:hover:before, .bt_readmore_btn:hover:before {
    width: 100%;
    background: $(linkcolor);
    transition: width .5s ease;
}
.bt_blog_post_cat a:hover:after, .bt_readmore_btn:hover:after {
    width: 100%;
    background: transparent;
    transition: all 0s ease;
}

• 但我的模板中没有这样的元素
• 查找出现“Read More”但 找不到（我觉得有点奇怪）

• 添加此CSS（未更改）：
  .bt_readmore_btn:之前{ 显示：无； }
  .bt_readmore_btn:之后{ 内容：“阅读更多”； }

---

有什么想法吗？

多亏了这些评论，我意识到了我的错误。我使用的CSS是为了改变它：

.bt_readmore_btn:before { display: none; }
.bt_readmore_btn:after { content: "Read even more"; }

他错了。通过这样做：

.bt_readmore_btn { display: none; }
.bt_readmore_btn_holder:after { content: "Read even more"; }

---

它很好用。

我猜你在用WordPress？Wordpress动态生成它。您无法使用CSS更改标记的内容，因此您必须继续查看模板，或者使用jQuery。不，我正在使用blogger（请参阅标记）Ok，但我的评论仍然有效，您无法使用CSS更改标记的内容。您只能更改外观-因为这是CSS的作用。@CalvT您可以通过应用上一段中的CSS来更改标记的内容。您可以尝试一下，您将看到元素中仍然存在。：：before和：：after。显示“无”将隐藏所有内容。