CSS(スタイル)で表示を設定する場合の優先順位
CSSでWebの表示を設定する場合の優先順位です。
思うように表示されなくなってしまう場合は、スタイルが競合しているのかもしれません。
これらの優先順位を見直すと直る場合もあると思います。
優先順位は次の通りで、後の番号の方が高くなってます。
- 外部からスタイルシートを読み込む=低い
- style要素をHTMLファイル内に書き込む=中
- style属性による設定=高
- +その中でも、要素に設定するstyleよりクラスによるstyle設定の方が高い
例 <p class="test">とやると<p>に設定したstyleより、class="test"の方が優先
これらの優先順位を無視して、このスタイルを優先させたい!という場合には「!important」と記述すると優先されます。
例 test {color:#ff0000 !important}