問題タブ [css-cascade]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - 起源と重要性の CSS カスケード優先順位
仕様によると、宣言元の優先順位は次のとおりです (上位が優先)。
- 遷移宣言 [css-transitions-1]
- 重要なユーザー エージェント宣言
- 重要なユーザー宣言
- 重要な著者宣言
- アニメーション宣言 [css-animations-1]
- 通常の著者宣言
- 通常のユーザー宣言
- 通常のユーザー エージェント宣言
通常の作成者宣言 (6) が通常のユーザー宣言 (7) よりも優先されることを確認しようとしていますが、逆の結果になると思います。
上記の例では、要素の色を として宣言する外部 css ファイル ( style.css ) があります。pgreen
次に、ユーザー スタイルを追加して、同じセレクターの色を として宣言しblueます。
私は、著者の宣言 (緑) がユーザーの宣言 (青) に勝つことを期待していますが、逆のことが起こります。
何が起こっているかについてのアイデアはありますか？多分私は例で何か間違ったことをしていますか?
html - CSS での text-align の継承
すべての 'p' タグを 'justify' に設定し、ヘッダー セクションだけを 'center' に設定したいと考えています。ここでもう 1 つ注目すべき点は、タイプ セレクター (詳細度: 1) で段落を選択し、id セレクター (詳細度: 100) でヘッダーを選択したことです。
さらに、#header 選択は p 選択の後に続きます。text-align プロパティが継承可能であることが本当なら、ヘッダーの 'p' タグの 'justify' よりも 'center' スタイルの重要性が高くなると思います。しかし、それはそのようには機能していません。
私は、stackoverflow で同様の質問をチェックアウトし、text-align: initial over #header p を使用しました。それもうまくいきませんでした。
css - 「all:」のような省略形の css プロパティはありますが、未指定のプロパティ用ですか?
class="example" を使用して div 要素の一意のプロパティに値を設定する 2 つの異なるスタイルシートがあるとします。
スタイルシート A:
スタイルシート B:
all: revert;スタイルシート A に追加して、宣言されていないすべてのプロパティをブラウザーの既定値に設定し、本質的にスタイルシート B を上書き/消去するのに似た省略形のプロパティと値はありますか? 私の考えでは、それは次のようなものremaining: revert;です。
そのような省略形のプロパティがない場合、スタイルシート A で宣言されていないすべてのプロパティを明示的にリストし、「元に戻す」を適用することなく、他にできるトリックはありますか? >および/または*セレクターを使用して、div内の要素にこのトリックを再帰的に適用できれば、ボーナスポイントです。
前もって感謝します。
css - body で定義された font-family は、input タグとプレースホルダーによって継承されません
bodyフォント スタイルをinputテキストとプレースホルダーに継承するにはどうすればよいですか?
inputタグが使用されています:
現在、グローバルスタイルはテキストとプレースホルダーbody font-familyには適用されていません。input次のようにフォント スタイルを明示的に追加した場合にのみ機能します。