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

Question

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

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

此代码有效

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

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

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

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

http://jsfiddle.net/dantetemp/tLPkk/

Answer 1

奇怪的是，如果您将相邻的同级组合器更改为一般的同级组合器，它似乎可以工作（在 Chrome 28 中 - 我认为你有从评论判断的问题） ，~第二个<label>- 例如

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

http://jsfiddle.net/tLPkk/1/