html - 看似多余的 CSS 选择器

Question

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

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

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

score 2 · Accepted Answer

第一个选择器

ul.nav-menu

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

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

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

div.nav-menu > ul

第二个选择器仅与类名为uldivnav-menu. 例如：

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

在这里，它涉及到ulinside，div因为它是在的ul直接下面的div一个类nav-menu。