CSS2までの擬似クラスは、閲覧者が単純なアクションを起こした際にスタイルを適応させるための仕組みとして主に使用されていました。CSS3では、非常に多くの擬似クラスが追加されました。これにより、これまでの擬似クラスの用途を大きく超えた可能性が拡がった印象を受けました。 今回は、CSS3において追加された擬似クラスの傾向と印象をサンプルも交えてまとめていこうと思います。 関連記事: iPhone向けSafari、HTML拡張属性を使いこなす 画像をピッタリ横並び表示させるテクニック スマホサイトで画像サイズはいくつにすべきか? CSS2までにサポートされた擬似クラス では、以下の表に、CSS2までにサポートされた全擬似クラスを簡略にまとめます。 (この記事は、CSSの基本知識がある方が読むことを想定してます。その為、CSSに関しての基礎的な説明は省略することをご了承下さい。) CSS 1 擬
![CSS3 擬似クラス | Webサイト開発](https://cdn-ak-scissors.b.st-hatena.com/image/square/8778dc4ea275b14d05d9975d3a0d33507bda6146/height=288;version=1;width=512/https%3A%2F%2Fwww.symmetric.co.jp%2Fblog%2Fwp-content%2Fuploads%2F2009%2F10%2F90.png)