#8
セレクターの指定方法
header li > a {
text-decoration: none;
}
半角空白で区切るとヘッダー内の全ての要素
不等号記号で区切ると(li > a) liの直下にある要素という指定ができる
セレクタとは…
スタイルを適用する対象を指定するもの
HTML
<p class="sample1 sample2">2種類のスタイルが同時に適用されます</p>
CSS
p.sample1 {
color:red;
}
p.sample2 {
font-size:18px;
}
その他
○ > ○ (子要素にのみ適用)
○ + ○ (隣接している要素に適用)
○ ~ ○ (後にある要素に適用【CSS3】)
:first-line (最初の行にだけ適用)
:first-child (最初に現れる要素にだけ適用)
:first-letter (最初に現れる文字にだけ適用)
