意外に知らないものが多かったCSSセレクタ

スタイルシート・・・

いつも訳わからなくなるのが

div と 子要素のdiv と clear

なにがなんだかわからなくなる（笑）

まぁ、それはさておき

そんなことを調べてたらいい記事発見！！
この記事はすごくためになる↓
引用元: 意外と知らない!?CSSセレクタ20個のおさらい｜Webpark.

特に
６番の隣接している要素に・・・　っていうのは知らなかった・・・
6. E + F　（隣接している要素に適用）

おなじく７番も
7. E ~ F　（後にある要素に適用【CSS3】）

１１番の番号付けるやつ
11. :nth-of-type(n)　（n番目に現れる要素に適用【CSS3】）

こういう感じのまとめてくださっているとありがたいですね！

自分的、便利なものをまとめると誰かに需要あったりするのかな・・・

今度やってみます！

こんな感じ・・・

p:nth-of-type(2n+1) {
  font-weight:bold;
  color:red;
}

<p>1行目</p>
<p>2行目</p>
<p>3行目</p>
<p>4行目</p>
<p>5行目</p>

なるほど～