一個具有不同樣式的輸入字段的兩個標簽

Question

我需要為一個具有不同樣式的輸入字段設置兩個標簽。

由於某種原因，此代碼不起作用。 它確實適用於第一個標簽，僅部分用於第二個標簽。

這段代碼有效

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

但這沒有（第二個標簽不會通過檢查和關閉來改變顏色）

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

任何建議如何解決這個問題表示贊賞！

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

Answer 1

奇怪的是，如果你將相鄰的兄弟組合子更改為一般的兄弟組合子， ~對於第二個<label> ，它似乎有用（在Chrome 28中 - 我認為你有問題通過評論判斷） - 例如

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