スタイルの優先順位

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}