CSS3で良く使う疑似クラスについてのサンプルをご紹介します こんにちは!ぐちです。 ScalaとJavaの例のシリーズが続いていますが、今回は最近訳あって勉強しているCSS3(HTML5)の疑似クラスについてサンプル付きでご紹介したいと思います! 疑似クラスとは CSSの疑似クラスはセレクタに付加するキーワードです。要素に対して特定の状態を指定でき、例えば:hover疑似クラスは、選択した要素上にマウスカーソルがあるときにスタイルを適用します。 要するに特定の状態であったり、特定の条件の場合にスタイルを指定することができるということです。 で、そういった擬似クラスの中でも良く使うであろう:nth-childをご紹介したいと思います。 :nth-child この擬似クラスを始めいくつかの擬似クラスはパラメータに式を取るのですが、その式の動きがよくわからなかったというか、理解するのにすこーー
![CSS3で良く使う疑似クラスについてのサンプルをご紹介します | ぶろぐち](https://cdn-ak-scissors.b.st-hatena.com/image/square/6c1d88812e94ef9f27df1bf5303a2c4a8ec87d0a/height=288;version=1;width=512/https%3A%2F%2Fwww.bloguchi.info%2Fwp-content%2Fuploads%2F2017%2F04%2F44c23b6b15d70994d766716b66bcaf1c.jpeg)