【问题标题】：What is the difference between these two methods of css? [duplicate]这两种css方法有什么区别？ [复制]
【发布时间】：2016-10-23 15:17:50
【问题描述】：

#nav li a{
  ..
}

和

#nav>li>a{
  ..
}

请帮助我。我认为两者相同但工作不同。

【问题讨论】：

parent > child vs ancestor any_descendant
请用简单的语言解释..
stackoverflow.com/questions/4459821/… , stackoverflow.com/questions/3225891/… , stackoverflow.com/questions/8787134/… , stackoverflow.com/questions/9487483/…
我从您的第一条评论中了解到，使用 ">" 我们只能访问类中的项目，而不能访问其他类的项目。但是没有“>”符号，我们可以访问该类的所有项目以及前一个类中的类的项目。我说的对吗？
示例：a c 匹配 <a><b><c>..</c></b><a> 中的 c。 a > c 确实 not 匹配，因为 c not 是 a 的直接子代。 a > c 将匹配 <a><c>..</c></a>。

【解决方案1】：

导航栏{

.. }

-- 在父子关系的任意深度和

nav>li>一个{

.. }

-- 一级父子关系

【讨论】：