5

CSSルールを設定するWordpressカルーセルプラグインを使用しています

body * {
  line-height:1.2em;
}

これが私のレイアウトに問題を引き起こしています。私のCSSの行の高さbodyは

body{ line-height: 19px;}

だから私はとしてオーバーライドbody *します{line-height:19px}が、それでもレイアウトの一部が壊れます。Firebugを使用してそのルールを削除すると、すべてが正常に機能します。

ここでの問題は、プラグインのCSSファイルを編集したくないということです。更新するたびに、編集する必要があるからです。

の効果を無効にする方法はありbody *ますか？

line-heightこの宣言は、他のすべてのプロパティよりも優先されます。

ここにリンクがあります。カルーセルプラグインによってロードされたCSSファイルがナビゲーションを壊しています。

4

3 に答える 3

3

次のようにオーバーライドして、行の高さをリセットします。

body * { line-height: inherit; }
于 2012-12-25T19:41:16.213 に答える
1

body要素に対してを宣言する方が適切idです。これは最も高い特異性を持ち、line-height

<style>
#super_container {
   line-height: 19px;
}
</style>

<body id="super_container">
    <!-- All stuff goes here -->
</body>

または、最も高い特異性を持つインラインスタイルを使用することもできます。これにより、定義されたスタイルが上書きされ<body>ますが、変更する場合は、ページごとに変更する必要があります...

于 2012-12-25T19:42:04.743 に答える
0

これを使って ：

body * { line-height: 19px !important;}

これは、他のcssファイルで設定されている他の行の高さを上書きします。または、これをHTMLに入れることもできます。

<style>
    body * { line-height: 19px}
</style>

HTMLのスタイル要素はすべてのcssファイルを上書きします

または...あなたはこれを行うことができます

<body style="line-height: 19px;"> ... </body>

要素内のインラインcssは、すべてのcssファイルと要素をオーバーライドし<style>ます

于 2012-12-25T19:39:44.793 に答える