CSS3:n番目の要素を指定するセレクタ

p:nth-of-type(2) {
  color: #f00;
}

「:nth-of-type()」を利用します。

上記の指定に対して下記HTMLのような状態になります。

<p>対象外</p>
<p>セレクタ対象なので赤くなる。</p>
<p>対象外</p>
<p>対象外</p>

数値を直接指定するほか下記のような指定も可能です。

:nth-child(odd)   奇数番目を対象
:nth-child(even)  偶数番目を対象
:nth-child(3n)    3の倍数を対象
:nth-child(3n+1)  3の倍数+1を対象(1,4,7,10...)

AWSを利用した導入事例のご紹介

実際に構築を行ったAWSの事例を紹介しています。導入の目的に近い事例をご覧いただくと、実際の構成例やメリット、注意点などが把握できます。

ブックオフコーポレーション株式会社様
第一生命保険株式会社様
株式会社電通様
株式会社LIFULL様
株式会社リブセンス様
TBSアナウンス部様
明治大学様
拓殖大学様