| セレクタ | 意味 | 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
