为什么检查收音机时标签颜色没有变成绿色？

Question

我在检查收音机输入时更改标签的颜色时遇到了一些问题。

当我使用这个时：

input:checked + label {
color: green}

然后正常工作，但不是在这个小项目上。

谁能给我解释一下为什么它不起作用。我认为这与SASS的用法有关。当我使用普通 CSS.

时它总是有效

Github 存储库：https://github.com/Nova988/Tip-calculator-App

Netlify 站点：https://priceless-hodgkin-c38abb.netlify.app/

Answer 1

看看HTML。

标签位于输入单选按钮之前 - 您也可以在页面上看到 - 圆圈（单选按钮）位于 % 标签之后。

您的 CSS 依赖于输入后的标签。