CSS-擬似クラスと擬似要素の概要とセレクタ指定について 擬似クラスと擬似要素おさらい。 擬似クラス 特定の状態にある要素にスタイルを適用するもの。 :link や :hoverなど。 擬似要素 要素の一部にスタイルを適用するもの。 要素の一行目や一文字目にスタイルを指定したり、 要素の前後にテキストや画像などを挿入することが出来る。 ::before や ::after など。 css3以前はコロン(:)1つだったが、css3から擬似クラスと擬似要素を明確にするためコロン(::)2つに変更された。 多くのブラウザでは前記法のコロン1つ(:)でも使える。 CSS対応ブラウザ確認はcaniuse.com/へ
![CSS-擬似クラスと擬似要素の概要とセレクタ指定について | みずかず](https://cdn-ak-scissors.b.st-hatena.com/image/square/0ec7289dc6c19b1b1cd19a68f67d5187e1968513/height=288;version=1;width=512/http%3A%2F%2Fi0.wp.com%2Fmizukazu.minibird.jp%2Fwp-content%2Fuploads%2F2016%2F02%2Fcss3-vector.png%3Ffit%3D195%252C195)