css - CSS プロパティをオーバーライドして属性値を使用する方法

Question

次の HTML があります。

<object height="400"></object>

CSS には、次のものがあります。

object { height: auto; }

CSSheight: autoを削除せずに省略する方法はありますか? つまり、属性値でスタイルシートをオーバーライドする方法はありますか?

Answer 1

:notセレクターを使用します。

http://cssdeck.com/labs/bgv0buyf

object:not([height]) {
  height: auto;
}

Answer 2

属性の CSS はstyle、要素に対して定義されたものをオーバーライドします。コードでそれが行われていない場合は、他の CSS ルールが適用されている可能性があります。

クロム開発者ツール (右クリック -> 要素の検査) にあるような DOM インスペクターを使用して、何が起こっているかを確認することをお勧めします。

詳細については、CSS 固有性を参照してください。

Answer 3

<object style="height:400px !important;"></object>

css inline ステートメントは、ext スタイルシート参照をオーバーライドします。開発者ツールを使用して、CSS オーバーライドを把握します。