javascript - 子に関する CSS グローバル クラスの問題

Question

私はhtmlのグローバルクラスを持っています

<div class="wrapper">

<div class="content"></div>

</div>

CSSは

.div { width:auto; display:block }


.content {  width:100px;  height:50px; }

.content div では、「display:block」クラスは必要ありません。しかし、ランタイムに適用されます。私は dispay:inherit; を与えました。しかし、うまくいきません。表示スタイルを削除する他の方法はありますか?

Answer 1

.content {  width:100px;  height:50px; display: inline; }

または別の表示プロパティ

Answer 2

あなたはただ行うことができます：

.content {  width:100px;  height:50px; display:inline }
//or display:none or whatever your standard default is

inlineはデフォルトの値です。 MDN Refを参照してください。

Answer 3

.div { width:auto; display:block }

これは機能していない可能性があります....上記のhtml cosには、クラスという名前のdivがありません

あなたにできることは

.content {  width:100px;  height:50px; display:inline}