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