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>

我想添加文字＆＃34;（$ 50）＆＃34;在标签之后，它看起来像＆＃34;会员名称（50美元）。＆＃34;

问题是，我只想将文本添加到id为#memberEnrollment.membershipTerm_4的输入标签。＆＃34;我不能使用div class＆＃34; neoncrm-radio-button＆＃34;帮助选择，因为该类用于许多其他输入。

我已经尝试过了

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

但它不起作用。任何帮助或见解，为什么这不起作用，以及可能的解决方案，将不胜感激！

Answer 1

在你的CSS中，你需要逃避这段时间：

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

从这个答案中找到：CSS selector with period in ID

CSS邻近选择器+：在伪元素

1 个答案: