html - 为什么 div#navbar 和 div #navbar 有不同的结果？

Question

代码如下所示。 Jsfiddle 链接:http://jsfiddle.net/tLXSt/ .

 <div id="navbar">

<ul>
    <li><a href="index.html">Home</a></li>
    <li><a class="fb" href="menu.html">Menu</a></li>

</ul>

</div>

Answer 1

它们是两个不同的选择器:

• div#navbar 选择 id 为 navbar 的 div
• div #navbar 选择 id 为 navbar 的元素，该元素是 div 元素的后代.

基本上，第一个匹配:

<div id="navbar">
  Hello
</div>

但是第二个匹配:

<div>
  <img src="foo.png" id="navbar" />
</div>