追記:
https://www.youtube.com/watch?time_continue=305&v=9cKsq14Kfsw&feature=emb_logo
こちらの動画の元にした写経中でした。
問題の箇所は1:02:13 あたりです。
Bootstrap4で実装中で、
複数のclass指定を持つ要素に対して、cssで1つのclass指定だけだと反映されない。
しかし、複数のclass指定だと反映される。
原因は何が考えられるでしょうか。
(例)
HTML
<button type="button" class="btn btn-primary btn-lg">~</button>
CSS
.btn-primary {
background-color: #6648b1;
}
↑反映されない ❌
HTML
<button type="button" class="btn btn-primary btn-lg">~</button>
CSS(class指定の間に半角スペース)
.btn .btn-primary {
background-color: #6648b1;
}
↑反映されない ❌
HTML
<button type="button" class="btn btn-primary btn-lg">~</button>
CSS
.btn.btn-primary {
background-color: #6648b1;
}
↑反映される ⭕️
CSS ファイルを読み込む順番はどうなってますか?
回答2件
あなたの回答
tips
プレビュー