css - 入力の親divを変更[type = checkbox]：cssでチェック

Question

チェックボックスがチェックされているときに親divを変更する方法を理解できます:(次の段落を変更するとうまくいきます。

Chromeで運が悪い場合は、このアプローチを試しました:

HTML

​<div>
    <input type="checkbox​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​" checked>
    <p>Test</p>
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

CSS

div {
    background: pink;
    width: 50px;
    height:50px;
}
div + input[type=checkbox]:checked {
  background: green;
}

input[type=checkbox]:checked + p {
    background: blue;
}

http://jsfiddle.net/lajlev/3xUac/