Html 在SCSS中检查输入时，如何启动操作？

这很简单，我看了所有这些例子，但仍然无法找出我做错了什么

我已经创建了一个自定义复选框，增加了大小和样式，当它被单击时，我希望字母“a”出现在框中，但它根本不会响应，也许第二双眼睛可以帮助我识别问题

下面是我的html和css：

.container{
位置：相对位置；
光标：指针；
显示：块；
输入
标签{
显示：内联块；
}
输入{
//不透明度：0；
位置：绝对位置；
高度：未设置；
宽度：未设置；
光标：指针；
}
标签：：之前{
边框：1px实心#333；
内容：“；
显示：内联块；
字体：16px/1em无衬线；
高度：50px；
利润率：0.25em0；
填充：0；
垂直对齐：顶部；
宽度：50px；
边界半径：5px；
颜色：红色；
字体大小：50px；
填充：10px；
}
输入[type=“checkbox”]：选中+标签：：之前{
内容：“A”；//已检查的代码
}
}

同意条款

---

这里是在中使用

+

操作符，这意味着“下一个同级元素”

---

必须将标签移动到复选框后面

<div class="container">
    <div>
        <input type="checkbox" id="form_agreeTerms" name="form[agreeTerms]" required="required" value="1">   
        <label for="form_agreeTerms" class="required">Agree terms</label>       
    </div>
</div>

同意条款

好吧，这很有道理！有没有一种说法是“以前的兄弟姐妹”？我不能更改html，SCSS是我唯一的选择！您必须将标签移动到复选框后面，并在输入css块中将其设置为左170px。@kontenurban css在一次传递中应用于DOM。因此，无法使用CSS返回，因此没有以前的兄弟元素，也没有父元素选择。