內聯CSS的工作原理，外部不（包括的jsfiddle）

Question

http://jsfiddle.net/xw0vvo9e/4/

我試圖設置爲我的導航欄的背景顏色。正如你可以在jsfiddle中看到的，我有：

div .navBar { 
width: 100%; 
height: 45px; 
background-color: #FF0000; 
top: 0px; 
position: fixed; 
} 

它不起作用。但是，如果我刪除它，並將HTML更改爲：

<div class="navBar" style="background-color:#FF0000;"> 

它工作得很好。我已經在這個問題上困擾了很長一段時間了。

Answer 1

您應該刪除選擇器中的空間，即它應該是div.navBar。您當前的選擇器是descendant combinator selector會嘗試查找div元素的.navBar後代。由於.navBar元素沒有任何div父母/祖父母，選擇器無法選擇目標元素。