スタイルの優先順位

スタイルシートは、その文書を制作した人だけが設定できるというものではありません。ブラウザによっては、ユーザーが任意のスタイルシートを適用できるようになっているものもあります。また、ブラウザはデフォルトのスタイルシート持っていて、最初にそれを適用することになっています。つまり、ひとつの文書に対して、「制作者」「ユーザー」「ブラウザ」の三者から、同時にスタイルシートが適用される可能性があるわけです。そして、スタイルシートが部分的に競合する可能性も出てきます。

そのようにスタイルが競合する場合の優先順は、次のようになっています。

通常は「ユーザー」のスタイルシートよりも「制作者」のスタイルシートが優先されるのですが、「!important」というキーワードを使用することで、これを逆転させることもできます。「!important」は、次のように優先させたい「プロパティ : 値」の後に指定します。