回答:
!important
CSS内のアスタリスクと要素を利用できるはずです。
html *
{
font-size: 1em !important;
color: #000 !important;
font-family: Arial !important;
}
アスタリスクはすべてに一致します(多分それなしhtml
でも逃げることができます)。
は、このスタイルで設定したものをオーバーライドすることができないことを!important
保証します(重要でない限り)。(これは、「テキストの内部フォーマットを無視する」という要件を支援するためのものです-これは、他のスタイルがこれらを上書きできないことを意味しました)
ブレース内の残りのスタイルは他のスタイリングと同じであり、そこで好きなことを何でもできます。例として、フォントサイズ、色、ファミリを変更することにしました。
!important
。常に最後のオプションとして使用する必要があります。
!important
、元のポスターの要件によるものであることに注意してください。「テキストのすべての内部フォーマットを無視して、同じフォントファミリと同じテキストサイズを使用してください。」その要件がない場合は、使用しないでください!important
。
html * {}
またはbody * {}
を使用するとbody p {}
、インクルードされたスタイルシートのより具体的なオーバーライドを回避できます。body p {}
はより具体的でbody {}
あるため、アスタリスクはここでは重要な要素です。
html
から省略できhtml *
ます
私が考えるベストプラクティスは、フォントを本文に設定することです:
body {
font: normal 10px Verdana, Arial, sans-serif;
}
そして、あなたがそれをいくつかの要素のために変更することに決めたなら、それは簡単に上書きされる可能性があります:
h2, h3 {
font-size: 14px;
}
CSSのボディセレクターで設定します。例えば
body {
font: 16px Arial, sans-serif;
}
次のcssを使用します。
* {
font: Verdana, Arial, 'sans-serif' !important;/* <-- fonts */
}
*
-selectorは意味任意の/すべての要素を、それはより多くのオーバーライドに来るとき、明らかに食物連鎖の一番下になり、特定のセレクタを。
注意!important
-flagがレンダリングされますfont
のためにスタイルの*
他のセレクタは、テキスト(例えば、設定するために使用されていても、絶対的なものにするbody
か、多分p
)。
!important
、他のセレクターが設定を上書きするのを防ぐでしょう。
!important
他のセレクターが使用しない限り、他のセレクターがオーバーライドするのを防ぎます。へえ。投稿を編集して追加します-ありがとうございます。:-)
!important
上記のより具体的なセレクターのをオーバーライドすることもできます。しかし、それは私が推測するここでのポイントではありません:)
これを試して:
body
{
font-family:your font;
font-size:your value;
font-weight:your value;
}
{}
ボタンを使用すると、回答にこのようにサンプルコードを表示できます。
!important
は便利ですが、使いすぎると少し「怪物」になる可能性があります。