間距導航欄利潤率不工作反應

Question

我這個教程對構建應用程序的反應跟着一起：陣營JS教程初學者＃1 - 使用陣營建立一個網站，薩斯，杯和Node.js的

除了導航欄的間距之外，一切都很好。他調整間距的方法是在：

代碼：https://gist.github.com/kentonraiford/42cad2361cb6e47c7fd6b995013d50f4

我rewatched視頻幾次，無法揣摩出我搞砸了。這可能是一個簡單的修復，但我似乎無法找到解決方案。

鏈接到文件：https://github.com/kentonraiford/reactTutorial

Answer 1

在您發佈的信息庫，問題是你要使用申請保證金右少優先，因此CSS選擇是保證金右屬性被改寫

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

Precendence是計算以這種方式

元素，僞元素： d = 1 - （0,0,0,1）
類，僞類，屬性： C = 1 - （0,0,1,0）
編號： B = 1 - （0,1,0,0）
聯樣式： A = 1 - （1,0,0,0）

所以這個選擇都會有這樣的優先級：（0，0，0，4）

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

並使用選擇至 加上保證金右邊有（0，0，0，3）

所以其他選擇有更優先的是要選擇使用保證金右適用於li元素

你可以！通過創建打算給它更多的優先覆蓋其他選擇，或者使用更具體的選擇（添加一個類或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/