更换问题＆＃34;阅读更多＆＃34;文本

Question

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

而且我想用我的语言替换它。

检查时的外观如下：

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

bt_readmore_btn＆s; CSS：

.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;
}

到目前为止，我试过......

• 执行this但我的模板中没有这样的元素。

• 寻找<span>元素，其中＆＃34;阅读更多＆＃34;出现但是 找不到它（这对我来说似乎有些奇怪）。

• 添加此CSS（未更改）：

  .bt_readmore_btn：before {     display：none; }

  .bt_readmore_btn：在{之后     内容：＆＃34;阅读更多＆＃34 ;; }

有什么想法吗？

Answer 1

感谢评论，我意识到自己的错误。我正在使用的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"; }

它运作得很好。