classとか詳細度とか
カンマで区切ると、全部の要素に適用するってことになる
h1タグとh2タグの色をblueにする。
h1, h2 {
color: blue;
}
カンマで区切らないと、親要素に属する子要素だけに適用する。
p要素の中のspanに適用する
p span {
text-transform: uppercase;
background-color: gold;
}
しかしこれは推奨されない。なるべくclassを指定して設定する。
複数クラスが設定されているとき、そのクラスの中にだけ設定したい場合はドットで繋ぐ。
<div class="sample1 sample2 ">このテキストはサンプルです。</div>
.sample1.sample2 {
font-size: 24px;
color: #d663ff;
}