この記事の所要時間: 130

スタイルシート・・・

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

div と 子要素のdiv と clear

なにがなんだかわからなくなる(笑)

まぁ、それはさておき

[adsense]

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

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

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

11番の番号付けるやつ
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>

1行目

2行目

3行目

4行目

5行目

なるほど~

この記事が気に入ったら
いいね ! しよう

Twitter で