看似多余的CSS选择器

Question

我正在剖析Wordpress的默认主题TwentyThirteen以尝试学习HTML和CSS，更重要的是，我认为是HTML和CSS的行业标准。

我遇到了CSS中的一部分，我认为这是多余的，但我想（可能）为什么Wordpress团队一起使用这两个CSS选择器。

ul.nav-menu,
div.nav-menu > ul {

Answer 1

第一选择器

ul.nav-menu

此第一个选择器仅将与ul元素与名为nav-menu 的类相关联。例如：

<ul class="nav-menu">
   <li></li>
   <li></li>
</ul>

此处它与ul元素相关，因为它只是ul，其类为nav-menu。

第二选择器

div.nav-menu > ul

此第二个选择器仅将与ul元素相关联，这些元素是直接子元素（直接位于下方）div元素，并且具有名为nav-menu 的类。例如：

<div class="nav-menu">
   <ul>
      <li></li>
      <li></li>
   </ul>    
</div>

此处它与ul中的div有关，因为ul位于div正下方且nav-menu类。