使用css作为单选按钮时突出显示所选的div

Question

我想知道是否有可能在点击时用css突出显示div（当div是单选按钮的标签时）这是我的代码：

<?php foreach ($images as $image) { ?>

        <input type="radio" name="id" value="<?php echo $image['id']; ?>" id="<?php echo $image['id']; ?>">
        <label for="<?php echo $image['id']; ?>">   
            <div class="delete">
                <input type="hidden" name="table" value="<?php echo $tableToDeleteFrom;?>"><img src="../images/thumbs/<?php echo $image['name']; ?>"><br>
                <?php echo $image['desc']; ?>
            </div>
        </label>    
<?php } ?>

单选按钮显然是隐藏的。所需的效果是在选择一个时更改div“.delete”的背景，然后当选择另一个时，新选择将突出显示，旧选择不再突出显示。也许jquery是最好的解决方案，但我有兴趣看看是否有更简单的css解决方案。

Answer 1

例如，背景红色

input:checked + label div.delete { background: red}

Answer 2

使用此选择器定位标签：

input:checked + label{}

请注意，旧浏览器不支持它。