select and checked

by Sebastian Cordoba

HTML

<input id="select1" name="test" type="radio" checked />
        <label for="select1">Red</label>
    <input id="select2" name="test" type="radio" />
        <label for="select2">Green</label>
    <input id="select3" name="test" type="radio" />
        <label for="select3">Blue</label>
<footer>
    <div class="colorDiv"></div>
</footer>

CSS

.colorDiv{
	width:50px;
	height:50px;
	background-color:red;
}

#select2:checked ~ footer .colorDiv{
	background-color:green;
}

#select3:checked ~ footer .colorDiv{
	background-color:blue;
}