オーバーライドUSER AGENT STYLE SHEET - Chrome

Question

ホバー効果を使用してウェブページに表示されているリストアイテムがあります。私がここに直面している課題は、リスト項目に境界や背景を適用するときに、自動的に生成されているパディングのために恐ろしいように見えます。

この画像をご覧ください。

誰でも助けてください。

私は既にフォーラムを検索しましたが、それを乗り越えるのではなく、コンソールからoffにするしかありません。異なるソースからの

Answer 1

に見てみましょう：デフォルトのスタイルを上書きします

ul { padding:0 } 

を。

Answer 2

スタイルシートは、異なる優先順位います

低い方から（*）最高に：

• ユーザエージェントスタイル=>これらは、あなたがスクリーンショット
で見るスタイルです
• ユーザーのスタイル
• 作成者CSSスタイル（優先順位）
の
• 著者インラインスタイル!important

ユーザーエージェント=ブラウザ
著者=あなたは
ユーザー=ブラウザユーザーあなたのためにそう

と!important

ユーザースタイルと

著者のスタイル、あなたが必要とするのは、宣言することです。

ul { padding:0 } 

これはUAスタイルを上書きします。しかし、ユーザーが!importantで独自のスタイルを宣言すると、作成者として何もできません。（ユーザーにとっては幸運なことに）あなたはこれらのスタイルを覆すことはできません。

^{*カスケードの性質は、このリストが示唆するものよりもさらに複雑です。これは、わかりやすくするためにはカバーしていません。あなたは、このことに興味がある場合は、単に次のスタイルを追加しますCSS precendence.}