忍者CODE

ログイン

16
styleの優先順位を変更しよう

PHPの問題

HTML_CSS

Googleでログイン Twitterでログイン
問題
styleの優先順位を変更してみましょう。
ご自身のCSSファイルに記述して文字を青色にしてみましょう。
自分の環境に書くコード
            <p style="color: red;">この文字をCSSを使用して青色にしてみましょう。</p>
¥HTML¥
          
期待する画面
ログインして解答を見る
コードのアイコン

解答ソースコード

            <p style="color: red;">この文字をCSSを使用して青色にしてみましょう。</p>
¥HTML¥
          
            p {
  color: blue !important;
}
¥CSS¥
          
答えのアイコン

解説

HTMLファイルにスタイルが当てられている場合
HTMLのスタイルが優先されます。
HTML > CSS となります。

またHTMLやCSSファイルは
上から下にかけて実行されていきますので
全く同じセレクタにスタイルが上下で付与されている場合
下に記述されているスタイルが優先されます。

あまりこの方法は好ましくありませんが
プロパティに!importantを付与することによって優先順位をあげることができます。緊急回避として覚えていただければ役に立つと思います。
1.HTMLの宣言をしてみよう
続きの動画を見たい方は公式LINEから「HTML」と送信すると動画が見れます。
コース一覧のアイコン

有料コース一覧
甲賀KOGA

プログラミングスキルが
一気に上がる!
有料級の解説動画19本
を今なら無料でGETできる!

忍者CODEの公式LINE登録後
LINE内にあるURLよりご覧になれます

  • プログラミング本気で学習してる方
  • もちろん完全無料で且つ手続き不要
  • 将来プログラミングで稼ぎたい方
  • 動画解説で真剣に学びたい方
スキルアップ動画をGET