内联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父母/祖父母，选择器无法选择目标元素。