問題タブ [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 プロパティのオーバーライド all: unset
私が開発している CSS フレームワークではall: unset
、それ自体で正常に動作する を使用しています。
ただし、場合によっては、次のように、このルールの効果を「元に戻す」必要があります。
auto
ただし、 forの値がないため、これは明らかに機能しませんall
。代わりに、プロパティを「キャンセル」する代わりに、すべての値を親の値または初期値に戻すという異なる効果を持つ値とがあります(これはシステムレベルのデフォルト値を意味すると思います)inherit
。initial
all
やりたいことを実現するために、今やっている
これは問題なく動作しますが、たとえば複数の疑似クラスに対してこれを実行したい場合、スケーラブルではなく、all: unset
プロパティをオーバーライドしたいですか? そうする方法はありますか?
javascript - CSS スタイル属性が空白のまま
のような CSS プロパティtransform
が空のままの場合、つまり
このフィドルをチェックしてください - https://jsfiddle.net/e85odhjf/
javascriptの部分でback()関数(onmouseoutで制御)に left.style.transform="" を残したので元の形に戻りました。
css - 要素ブラウザーのネイティブ ルールによってオーバーライドされる CSS 作成者クラス ルール
font-size
クラス ルール ( ) によって定義された CSS ルール.dropdown-menu
は、組み込みのブラウザ要素ルール ( ) によってオーバーライドされましたtable
。そんなことがあるものか?
私は、 PatternFlyスタイルを使用するCockpitプラグインに取り組んでいます。私のラベル要素 (スクリーンショットで選択された行) は、間接的な親要素から継承された大きすぎます。驚くべきことに、テーブルは親要素 (定義で定義されている) からプロパティの値を継承しませんが、ブラウザのスタイルシートから直接取得します。親要素から継承する代わりにブラウザ定義を使用するために、CSSカスケードに違反していませんか?font-size
table
font-size
div.dropdown
.dropdown
Chrome 51 と Firefox 46 では一貫してこの方法で動作します。
これは、正しく動作しているように見える単純化された JsFiddle デモです (つまり、異なる動作をします) 。
w3schools font-size
ルールによると、継承され、 css 仕様によると、ブラウザ スタイルは優先度が低くなるはずです。
css - CSS で非疑似クラス スタイルにフォールバックする方法はありますか?
他の誰かがコードを所有している青い div がある場合
そして、ホバー時に赤くしたい
しかし、クラスを追加して非擬似クラス状態に戻せるようにしたいと考えています。
前の疑似クラスの状態に戻る CSS オプションはありますか?
Codepen デモ: http://codepen.io/anon/pen/EyEWww
css - 選択した要素の子への CSS 継承を防止する
ネストされた UL と LI で構成されるメニューがあります。例:
<li>
最初の の最後にスタイルを追加したいのですが、その子 (ネストされた) にスタイルを継承<ul>
させません。<ul>
私が試してみました:
しかし、これはまだ最後の要素をスタイルしています。
その1つの要素だけを(CSSだけで)ターゲットにする方法を知っている人はいますか?
html - ネストされた CSS クラス – 親クラスをオーバーライドする子クラス?
目標は、要素の親にそのスタイルを指示させることです。その.dark .light p
ため、明るいテキスト、.dark p
暗いテキスト、明るいテキストになり.light .dark .light p
ます。
p
要素は直接の子ではないか.dark
、.light
暗い.light .dark div.wrap div.inner p
テキストになる可能性があります。
CSS のカスケードの性質により、最後の規則が優先されるようです。これは可能ですか?