スタイルの優先順位

css
Webサイト作成 トラブル

CSS(スタイル)で表示を設定する場合の優先順位

CSSでWebの表示を設定する場合の優先順位です。
思うように表示されなくなってしまう場合は、スタイルが競合しているのかもしれません。
これらの優先順位を見直すと直る場合もあると思います。
優先順位は次の通りで、後の番号の方が高くなってます。

  1. 外部からスタイルシートを読み込む=低い
  2. style要素をHTMLファイル内に書き込む=中
  3. style属性による設定=高
  4. +その中でも、要素に設定するstyleよりクラスによるstyle設定の方が高い
 例 
 <p class="test">とやると<p>に設定したstyleより、class="test"の方が優先

これらの優先順位を無視して、このスタイルを優先させたい!という場合には「!important」と記述すると優先されます。

 例
 test {color:#ff0000 !important}

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です