の問題は、私は私のブログで（カスタムテンプレート）このテキストを持つテキスト

Question

「続きを読む」：

を、私は私の言語上の別の何かと交換したいと思います。

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

bt_readmore_btnの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>要素を探していますが、「続きを読む」が表示されますが、 は見つからない場合があります。

• このCSSを追加する（何も変更されない）：

  .bt_readmore_btn：前{ 表示：なし。 }

  .bt_readmore_btn：{ の内容： "Read more more"; }

Answer 1

コメントのおかげで、私は間違いを認識しました。 CSSを変更するために使用していた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"; } 

これはうまく動作します。