WEB部ログ

WEB部メンバーの勉強用ブログです。

WEB部メンバーの勉強用ブログです。

こんなにたくさん!CSS3セレクタ

こんにちは。佐々木です。

私は普段「:hover」や「:first-child」といった便利なセレクタにお世話になっていますが、本当はもっとたくさんのCSS3セレクタがあるそうです。
そのCSS3セレクタの種類や、使い方についてまとめられた記事をご紹介します。

 

 

最初は「:after」や「:before」の疑似要素はあまりよく理解できなかったのですが、この記事で分かるようになりました。

驚くぐらいの多さで、しかも使いどころがよくわからないセレクタもありました。
全部を覚えて使いこなすことは難しいですが、それぞれ必要に応じて使うことを心がけようと思いました。

 

おまけですが、疑似要素を使ったすごい技がいくつかあったので、それもご紹介させていただきます。