Web ブラウザーで Web ページのフォント スタイルを挿入しようとしています。
ページのすべての要素を変更します。
* {
font-size: 100%;
font-family: Arial!important;
}
この質問では、ほとんどトリックを実行しましたが、このスタイルはオーバーライドされます。私もそれらのオーバーライドを防ぎたいです。ソリューションへのJavaScriptの使用もOKです。
オーバーライドされた場合は、それがスタイル シートの最後 (または含める最後のスタイルシート) であることを確認してください。CSS の「カスケーディング」は、最後の定義が優先されることを意味します。
宣言にも追加!important
します。font-size
* {
font-size: 100% !important;
font-family: Arial !important;
}
これをユーザー スタイル シートで使用している場合 (「Web ブラウザーの Web ページにフォント スタイルを挿入しようとしている」という言葉が示すように)、ルールをオーバーライドすることはできません。
一方、これが作成者のスタイル シートの一部にすぎない場合は、ユーザーのスタイル シートによって上書きされる可能性があり、それに対してできることは何もありません。を使用しないため、ブラウザーの既定のスタイル シートによってオーバーライドされることはありません!important
。他の作成者のスタイル シートに関して、カスケード ルールは、 を使用するルール以外では上書きできないことを暗示しています!important
。
両者が持っている作成者のスタイル シート ルール間の争いでは!important
、具体性が CSS 仕様によって正確に定義されているため、より具体的な方が勝ちます。同じように具体的な設定の間で、最新のものが勝ちます。
セレクター*
の特異性は可能な限り低く、0,0,0,0 です。どのセレクターでも、より特異性の高い別のセレクターをいつでも作成できます。ただし、要素の属性内の CSS ルールstyle
は、最も特異性が高いと見なされます。
そのため、他の CSS ルールが使用されることがわかっている場合は、セレクター リストに特定性の高いセレクターを追加することで、それらに打ち勝つことができます。