CSS3セレクタの中でも特に使い勝手がいいと個人的に思う「nth-child」と「nth-of-type」の使い方を紹介します。似ているようで若干違いますので正しく理解しましょう。 基本的な使い方 まず、「nth-child」と「nth-of-type」の基本的な使い方を説明します。 nth-childの説明 一般的に「E:nth-child(n)」という風に表されていて、親要素のn番目の子要素であるE要素ということになります。 具体的には以下のように使います。
2013/01/24：解説に一部誤りがありましたので、修正致しました。 こんにちは。古いブラウザを気にせずにセレクタを使い放題できると、すごく幸せになれるKanaです。 今日は、スマートフォンサイトのコーディングで私が必ずといっていいほど、よく使う簡単便利なCSSセレクタを厳選してご紹介したいと思います。 いつも忘れがちなので備忘録もかねていますXD それではどうぞ！ セレクタとはセレクタとは、スタイルシートを適応させる対象を指し示す部分のことです。 CSSの書式は、以下の図のようになっています。 例えば、pタグに対し、文字色を黒とする場合のCSSは以下のようになります。 p{color:#000;} pがセレクタ、colorがプロパティ、#000が値になります。 セレクタは上記のように単一のものにを指定するだけではなく、複数の指定ができたり、条件を指定することができます。 (1):fir
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
