間隔は、私が反応するアプリを構築する上で、このチュートリアルと一緒に続く

Question

を反応させる：初心者＃1のためのJSチュートリアルに反応 - 、サス、がぶ飲みとのNode.jsに反応使用してウェブサイトを構築する

すべては、nav barの間隔を除いて素晴らしいです。私はビデオを数回rewatchedと私は台無し場所を把握することができませんでしたhttps://gist.github.com/kentonraiford/42cad2361cb6e47c7fd6b995013d50f4

：

コード：彼は間隔を調整方法がです。これは簡単な修正かもしれませんが、解決策を見つけることができません。ファイルへ

リンク：https://github.com/kentonraiford/reactTutorial

Answer 1

をあなたが投稿リポジトリでは、問題は、あなたは余裕右を適用するために使用しようとしているCSSセレクタで以下の優先順位はそれほど余裕-rightプロパティが上書きされているました（0,0,0,1）から D = 1：

header { 
    nav ul li { 
    margin: 0; 
    padding: 0; 
    } 
} 

も優先この方法

要素、擬似要素で計算され クラス、疑似クラス、属性： C = 1 - （0,0,1,0）
イド： B = 1 - （0,1,0,0）
インラインスタイル： = 1 - （1,0,0,0）

だから、このセレクタは、この優先されます。（0、0、0、4）

header { 
    ul li { 
    list-style-type: none; 
    display: inline-block; 
    margin-right: 20px; 
    } 
} 

そして、あなたが使用してセレクターを〜へマージン右あなたはli要素に（0、0、0、3）

だから、他のセレクタが使用したいセレクタはマージン右を適用することが、より優先順位があり

をすることができている追加！それを他のセレクタを上書きまたは使用するために、より優先度を与えるために起こっている、より具体的なセレクタ（セレクタへクラスまたはIDを追加）を作成することで、この問題を解決する重要な（推奨しない方法）例えば

：

header { 
    ul.header-list li { 
    list-style-type: none; 
    display: inline-block; 
    margin-right: 20px; 
    } 
} 

優先順位：（0、0、1、3）の優先順位について

さらに詳しい情報：

http://vanseodesign.com/css/css-specificity-inheritance-cascaade/