CSS Programming Advent Calendar 2012 – 06日目 JavaScriptを使わず、CSSを駆使してそれっぽい事をやるCSSプログラミングのアドベントカレンダーへの投稿記事です。 いわゆるタブ的な動きを、CSSだけで組みました。(※実務で使っちゃ駄目ですよ!) タブのCSS自体の組み方はこちらをどうぞ: ありがちなタブのマークアップとスタイル実装例。(CSS おれおれ Advent Calendar 2012 – 06日目) デモ どーん! .tab-switch:nth-of-type(1):checked ~ .tab-button:nth-of-type(1), .tab-switch:nth-of-type(2):checked ~ .tab-button:nth-of-type(2), .tab-switch:nth-of-type(3):che
![CSSだけでタブ切り替えを実装してみた。(CSS Programming Advent Calendar 2012 – 06日目) | Ginpen.com](https://cdn-ak-scissors.b.st-hatena.com/image/square/de4af7f62b39439905833504e59ba1e153be6d8b/height=288;version=1;width=512/https%3A%2F%2Fginpen.com%2Fwp-content%2Fthemes%2Fginpen-theme%2Fimg%2Ficon-512.png)