Здравствуйте. Как можно изменить содержимое
<div class="place1">переключателями из
<div class="place"> средствами css.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Документ без названия</title>
<style>
.data1{display: none; height: 100px; width: 100px; background: #E40B0F;}
.data2{display: none; height: 100px; width: 100px; background: #000;}
.data3{display: none; height: 100px; width: 100px; background: #0034FF;}
.data4{display: none; height: 100px; width: 100px; background: #00FF3C;}
.place{ display: block; width: 200px; height: 100px; background: #00FFCB; position:relative;}
.place1{ display: block; width: 200px; height: 100px; background: #8588FC; position: absolute;}
#nomer1:checked ~.data1{display:block;}
#nomer2:checked ~.data2 {display: block;}
#nomer3:checked ~.data3 {display: block;}
#nomer4:checked ~.data4 {display: block;}
</style>
</head>
<body>
<b><div class="place"></b>
<div><input type="checkbox" name="sata1" id="nomer1"/></div>
<div><input type="checkbox" name="sata2" id="nomer2"/></div>
<div><input type="checkbox" name="sata2" id="nomer3"/></div>
<div><input type="checkbox" name="sata2" id="nomer4"/></div>
<b></div></b>
<b><div class="place1"></b>
<div class="data1">data1</div>
<div class="data2">data2</div>
<div class="data3">data3</div>
<div class="data4">data4</div>
<b></div></b>
</body>
</html>
Средний
