2

サードパーティのプラグイン/ウィジェットがこの CSS を HTML ページに挿入します。

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

その CSS をオーバーライドして、それによるすべてのダメージを元に戻す方法はありますか?

私は自分のページにそのウィジェットを持たなければなりません。ただ外すことはできません。

編集:コメントの1つによると、このCSSはレンダリングを正規化するため優れていますが、私の

  • タグ。特に、'*'タグルールはそれを破っています。

    これは、「*」ルールなしでリストがどのように見えるかです。

    ここに画像の説明を入力

    と合わせるとこんな感じです。

    ここに画像の説明を入力

  • 4

    3 に答える 3

    5

    @ j08691 の回答、特にポイント 2 について詳しく説明すると、次を使用して、リストのウィジェットの css をオーバーライドできます。

    html ul{
      margin: 1em 0;
      padding: 0 0 0 40px;
    }
    

    使用される値は、Nicholas Gallagher (@necolas) の「normalize.css」からのものです。

    于 2013-03-26T06:21:18.897 に答える
    1

    また:

    1. その後に独自の CSS を追加して、不要な CSS を上書きします。
    2. より具体的な CSS ルールを作成すると、より具体的な CSS ルールがより具体的な CSS ルールよりも優先されます。
    3. キーワードを使用して、!important不要なスタイルを上書きします。
    4. インライン CSS を使用します。
    于 2013-03-25T16:55:11.967 に答える
    -1

    はい、@ j08691 が言うように、css に !important キーワードを追加するのが最もクリーンな方法かもしれません。

    * { margin: YOUR VALUE !important; padding: YOUR VALUE !important;}
    
    html {margin: YOUR VALUE !important; padding: YOUR VALUE !important;}
    
    body {margin: YOUR VALUE !important; padding: YOUR VALUE !important;}
    
    于 2013-03-25T17:30:55.137 に答える