内联CSS工作，外部不工作（包括JsFiddle）

Question

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

我试图为我的navBar设置背景颜色。正如你在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选择器会尝试查找.navBar元素的div个后代。由于.navBar元素没有任何div父母/祖父母，因此选择器无法选择目标元素。