Minstrel

Ruby, JavaScript, Haskell, Math, Music, Design

使ったことなかたCSSセレクタまとめ

1. A ~ F

後ろにある要素すべてに適用。

h4 ~ p {
  color: red;
}
<p>h4要素のの前なので適用されません</p>
2
<h4>H4要素</h4>
3
<p>h4要素の後にあると適用されます</p>
4
<p>h4要素の後にあると適用されます</p>

2. :first_letter(最初に現れる文字だけに適用)

んなイメージ

3. :first-line (最初の行にだけ適用)←☆これは便利そう

こんな 
イメージです
ね。