：检查黑客不工作

Question

我正在尝试创建一种允许用户点击项目图像的效果，这将导致图像在页面中间弹出并增加大小。出于某种原因，它不允许我点击它。

以下是完整的jsfiddle：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

错误的选择器。您应该使用input[type="checkbox"]:checked + .img-container img作为选择器。

见Adjacent Sibling Selectors
和Descendant selectors

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