：チェックされたハックが機能していない

Question

ユーザーがアイテムイメージをクリックできるエフェクトを作成しようとしています。イメージがページの真ん中に現れ、サイズが大きくなります。何らかの理由でそれは私がそれをクリックすることを許さない。 https://jsfiddle.net/gr282dxp/

input[type="checkbox"] { 
    display: none; 
} 

input[type="checkbox"]:checked + img { 
    position: absolute; 
    top: 100px; 
    left: 50%; 
    width: 400px; 
    height: auto; 
    margin: 0 0 0 -200px; 
} 

Answer 1

間違った選択：ここ

フルjsfiddleあります。セレクタにはinput[type="checkbox"]:checked + .img-container imgを使用してください。

は、正確な問題は何でしょうか。Adjacent Sibling Selectors
とDescendant selectors

https://jsfiddle.net/jmarikle/bwqbv9mn/