css3 :checked 疑似セレクタの使い方

ぐぐってもあまり出てこないのでメモ

基本は以下の使い方で、:checkedと隣接セレクタのコンビで状態のON OFFを実現

• 折りたたみ可能なパネルの作成 - CSSのみを利用した折りたたみ領域 / アコーディオンパネル (CSS Tips)

頑張ると、モーダルウィンドウや、LightBoxみたいなものもpure cssで実現可能

• http://d.hatena.ne.jp/IT7C/20140114/1389633500

って自分でメモしてたわ

関連

• http://negimemo.net/1824 このサイトよさげ。フリーの日本語フォント意外といいな