CSS3 E:nth-of-type(n) でレスポンシブレイアウトに | にゃ王国

2012-12-28 00:16:20 CSS3 のセレクタで E:nth-of-type(n) というものがあります。 E 要素の n 番目にだけ、スタイルを適用すると言うものです。 簡単なソースを紹介すると、以下のような感じ。 p { background: green; } p:nth-of-type(2) { background: red; } これで、ページ内にある p 要素の 2 番目の要素だけ、赤で表示されるようになります。 n には他にも数式が使用でき、奇数・偶数の指定などもできます。 すごく便利！ 詳しい説明については、下記サイトがわかり易かったです。 CSS3セレクタ「nth-child」と「nth-of-type」の使い方と違い で、Web Designer Wall にて、E:nth-of-type(n) を使用してのレスポンシブなレイアウト作成が紹介されていまし

[madakko]

自サイト