問題タブ [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.

0 投票する
3 に答える
1606 参照

css - CSS プロパティのオーバーライド all: unset

私が開発している CSS フレームワークではall: unset、それ自体で正常に動作する を使用しています。

ただし、場合によっては、次のように、このルールの効果を「元に戻す」必要があります。

autoただし、 forの値がないため、これは明らかに機能しませんall。代わりに、プロパティを「キャンセル」する代わりに、すべての値を親の値または初期値に戻すという異なる効果を持つ値とがあります(これはシステムレベルのデフォルト値を意味すると思います)inheritinitialall

やりたいことを実現するために、今やっている

これは問題なく動作しますが、たとえば複数の疑似クラスに対してこれを実行したい場合、スケーラブルではなく、all: unsetプロパティをオーバーライドしたいですか? そうする方法はありますか?

0 投票する
1 に答える
231 参照

javascript - CSS スタイル属性が空白のまま

のような CSS プロパティtransformが空のままの場合、つまり

このフィドルをチェックしてください - https://jsfiddle.net/e85odhjf/

javascriptの部分でback()関数(onmouseoutで制御)に left.style.transform="" を残したので元の形に戻りました。

0 投票する
1 に答える
74 参照

css - 要素ブラウザーのネイティブ ルールによってオーバーライドされる CSS 作成者クラス ルール

font-sizeクラス ルール ( ) によって定義された CSS ルール.dropdown-menuは、組み込みのブラウザ要素ルール ( ) によってオーバーライドされましたtable。そんなことがあるものか?

私は、 PatternFlyスタイルを使用するCockpitプラグインに取り組んでいます。私のラベル要素 (スクリーンショットで選択された行) は、間接的な親要素から継承された大きすぎます。驚くべきことに、テーブルは親要素 (定義で定義されている) からプロパティの値を継承しませんが、ブラウザのスタイルシートから直接取得します。親要素から継承する代わりにブラウザ定義を使用するために、CSSカスケードに違反していませんか?font-sizetablefont-sizediv.dropdown.dropdown

Chrome 51 と Firefox 46 では一貫してこの方法で動作します。

開発ツールのスクリーンショット

これは、正しく動作しているように見える単純化された JsFiddle デモです (つまり、異なる動作をします)

w3schools font-sizeルールによると、継承され、 css 仕様によると、ブラウザ スタイルは優先度が低くなるはずです。

0 投票する
1 に答える
42 参照

css - CSS で非疑似クラス スタイルにフォールバックする方法はありますか?

他の誰かがコードを所有している青い div がある場合

そして、ホバー時に赤くしたい

しかし、クラスを追加して非擬似クラス状態に戻せるようにしたいと考えています。

前の疑似クラスの状態に戻る CSS オプションはありますか?

Codepen デモ: http://codepen.io/anon/pen/EyEWww

0 投票する
1 に答える
5128 参照

css - 選択した要素の子への CSS 継承を防止する

ネストされた UL と LI で構成されるメニューがあります。例:

<li>最初の の最後にスタイルを追加したいのですが、その子 (ネストされた) にスタイルを継承<ul>させません。<ul>

私が試してみました:

しかし、これはまだ最後の要素をスタイルしています。

その1つの要素だけを(CSSだけで)ターゲットにする方法を知っている人はいますか?

0 投票する
5 に答える
9620 参照

html - ネストされた CSS クラス – 親クラスをオーバーライドする子クラス?

目標は、要素の親にそのスタイルを指示させることです。その.dark .light pため、明るいテキスト、.dark p暗いテキスト、明るいテキストになり.light .dark .light pます。

p要素は直接の子ではないか.dark.light暗い.light .dark div.wrap div.inner pテキストになる可能性があります。

CSS のカスケードの性質により、最後の規則が優先されるようです。これは可能ですか?

http://codepen.io/acondiff/pen/KaaqxP