スタイルの優先順位
スタイルシートは設定法のページでも説明しましたが、三つの指定法があるため、それぞれに優先順位をつける必要があり、実際定められています。
優先順位は以下のとおりです。
- style属性による指定(タグに直接指定する)
(優先順位がもっとも高い)
- style要素を使った指定(<style>タグを使った指定)
- 外部のスタイルシートによる指定(<link>タグを使った指定)
(優先順位がもっとも低い)
要するに、後からブラウザに読み込まれるスタイルほど、優先順位が高くなるといういことです。スタイルシートは、複数のスタイルシートを適用することで、ときに意図したとおりにならない場合があります。そういう場合、「!important」というキーワードを指定することで、優先させることもできます。「!important」は知ってる人も多いかと思いますが、日本語では「重要」とかに訳されます。
!importantの記述場所は、
このように設置します
|