一个输入字段的两个标签具有不同的样式

Question

我需要为一个具有不同样式的输入字段设置两个标签。

由于某种原因，此代码不起作用。它确实适用于第一个标签，但仅部分适用于第二个标签。

此代码有效

input.switcher[type=checkbox] + label + label

但这不是（第二个标签不会通过检查和关闭来改变颜色）

input.switcher[type=checkbox]:checked + label + label

任何如何解决这个问题的建议表示赞赏！

Answer 1

奇怪的是，如果您将相邻的兄弟组合器更改为一般的兄弟组合器，~第二个<label>- 例如

input.switcher[type=checkbox]:checked + label ~ label {
    color: green;
    font-size: 70px;
}