css - * を選択して除外する方法は? または、デフォルトのスタイルに設定しますか?

Question

ブラウザは通常、要素に対して異なるデフォルトスタイルを設定します。ユーザーは、カスタムスタイルシートを使用してデフォルトをオーバーライドすることもできます。

私はしばしば、独自のスタイルを使用してこれらのデフォルトスタイルをオーバーライドします。

* {padding:0; margin:0; }

<body>ただし、特定の要素属性、たとえばのデフォルトのパディングやマージンについては、デフォルトのスタイルシートを尊重したいと考えています。私は試した：

*    { padding:0;       margin:0;       }
body { padding:default; margin:default; }

しかし、うまくいきません。どちらもありませんinitial。

すべての要素を選択して除外することで、この問題を解決する方法はあり<body>ますか?

score 10 · Accepted Answer

すべての要素を選択して除外することでこの問題を解決する方法はあり<body>ますか？

ビューポートに表示されるものはすべて、デフォルトで<html>、<body>およびのコンテンツで構成されているため、、およびすべての子孫を<body>選択できます。htmlbody

html, body * { margin: 0; padding: 0; }

defaultそのようなキーワードがないため、機能しません。initial初期マージンが0であるため、機能しません。CSSを使用してプロパティを変更した後、プロパティをブラウザで指定されたデフォルト値にリセットすることはできません。

score 2 · Accepted Answer

2

html, head, head *, body * { }

于 2011-06-13T09:42:17.637 に答える

score 2 · Accepted Answer

2

<html>およびのすべての子孫<body>：

html, body * {padding:0;margin:0;}

于 2011-06-13T09:42:20.420 に答える

score 1 · Accepted Answer

1

body *セレクターを使用します。

body *{padding:0;margin:0;}

于 2011-06-13T09:42:11.920 に答える

score 0 · Accepted Answer

最初にそれらを 0 に設定し、その後必要な値をオーバーライドします。ただし、CSS リセットを使用した方がよいでしょうが、本当にアスタリスクを使用したい場合は、この方法が機能します。

   * {
     padding:0;
     margin:0;
   }

   body, html {
     padding: 10px;
   }

5 に答える 5