CSS隣接セレクタは+：擬似要素の後

Question

私は要素を選択する問題を抱えていて、私は以下の既存のHTMLを編集せずにそれを行う必要がありますが：

<div class="neoncrm-radio-button"> 
    <input type="radio" name="membershipEnrollment.membershipTerm" value="4" onclick="showConsolidate(this.form)" id="membershipEnrollment.membershipTerm_4" class="neon2Field2" attr="0"> 
    <label class="neoncrm-radio-label" for="membershipEnrollment.membershipTerm_4">Membership Name</label>  

私は追加したいと思いますラベルの後ろに「テキスト」（$ 50）と表示され、「Membership Name（$ 50）」のように表示されます。

問題は、id＃membershipEnrollment.membershipTerm_4を持つ入力のラベルにテキストを追加したいだけです。 "divクラス" neoncrm-radio-button "を使用して、クラスは、他の多くの入力のために使用されている。

私は

#membershipEnrollment.membershipTerm_4 + label:after { content:"$50"} 

をやってみましたが、それは動作しません。任意のヘルプや洞察力、これが動作しない理由として、可能な解決策は、だろう

Answer 1

あなたのCSSでは、期間をエスケープする必要があります： CSS selector with period in ID

：この回答から発見

#membershipEnrollment\.membershipTerm_4 + label::after { content:"$50" }