CSS benachbarten Selektor +: nach Pseudo-Element

Question

Ich habe Probleme, ein Element der Auswahl, und ich muss es tun, um die bereits bestehenden HTML unten ohne Bearbeitung:

<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>  

Gerne möchte ich hinzufügen Text "($ 50)" nach dem Label, so dass es wie "Name der Mitgliedschaft ($ 50) aussieht"

Das Problem ist, ich möchte nur den Text zu der Bezeichnung für die Eingabe mit der ID # membershipEnrollment.membershipTerm_4 hinzufügen. "Ich kann nicht die div-Klasse" neoncrm-radio-button "zur Auswahl helfen, da die Klasse ist für viele anderen Eingänge.

ich habe versucht,

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

tun, aber es funktioniert nicht. Jede mögliche Hilfe oder Einsicht, warum dies nicht funktioniert, und mögliche Lösungen, wären sehr geschätzt!

Answer 1

In Ihrem CSS müssen Sie den Zeitraum zu entkommen:

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

aus dieser Antwort gefunden: CSS selector with period in ID