amane-katagiri/index.html

## index.html
<html>
  <head>
    <title>チェックボックスでスタイルを切り替える</title>
    <style>
    #main {
        background-color: red;
    }
    input[type="checkbox"]#toggle:checked ~ #main {
        color: #eee;
        background-color: blue;
    }
    </style>
  </head>
  <body>
    <input id="toggle" type="checkbox">
    <section id="main">
      <div>チェックボックスでスタイルを切り替える</div>
    </section>
  </body>
</html>
	<html>
	<head>
	<title>チェックボックスでスタイルを切り替える</title>
	<style>
	#main {
	background-color: red;
	}
	input[type="checkbox"]#toggle:checked ~ #main {
	color: #eee;
	background-color: blue;
	}
	</style>
	</head>
	<body>
	<input id="toggle" type="checkbox">
	<section id="main">
	<div>チェックボックスでスタイルを切り替える</div>
	</section>
	</body>
	</html>