MENU
HOMEWebE:nth-child(even)

CSS E:nth-child(even)

セレクタ 意味 Lv 種類 Chrome Firefox IE Opera Safari
E:nth-child(even) 親要素内の偶数番目の子要素Eにスタイルを適用 3  擬似クラス 1- 3.5- 9- 9.5- 3.1-
// HTML
<div>
 <p>要素1</p>
 <p>要素2</p>
 <p>要素3</p>
 <p>要素4</p>
 <p>要素5</p>
<div>

// CSS
p {
 border: dotted 1px red;
 padding:1em;
 margin: 1em 0;
}
p:nth-child(even) {
 background: mistyrose;
}

See the Pen css: nth-child(even) by nwstcode (@nwst) on CodePen.12804

Webmaster Knowledge
ページの先頭へ