MENU
HOMEWebE:nth-child(odd)

CSS E:nth-child(odd)

セレクタ 意味 Lv 種類 Chrome Firefox IE Opera Safari
E:nth-child(odd) 親要素内の奇数番目の子要素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(odd) {
 background: mistyrose;
}

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

Webmaster Knowledge
ページの先頭へ