html - 看似多余的 CSS 选择器

Question

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

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

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

Answer 1

第一个选择器

ul.nav-menu

第一个选择器仅与具有名为nav-menu 的类的ul 元素相关。例如:

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

这里它与 ul 元素相关，因为它只是一个带有 nav-menu 类的 ul。

第二个选择器

div.nav-menu > ul

第二个选择器仅与 ul 元素相关，这些元素是直接子元素(直接在下面)div 元素，类名为 nav-menu。例如:

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

这里它与 div 中的 ul 相关，因为它是 div 正下方的 ul with一类 nav-menu。