css - 什么时候在 CSS 中使用 `>` 标志？

<分区>

Possible Duplicate:
What does “>” mean in CSS rules?

我遇到过很多很多网站，我看到很多网站在他们的 css 文件中使用这种类型的符号来创建导航栏，例如:

#navigation ul li > ul {
  /* some code in between */
}

但是当我省略 > 符号时

#navigation ul li ul {
  /* some code in between */
}

这仍然以同样的方式工作。

有什么区别以及何时使用 > 符号？

最佳答案

>表示选择器的直接子级，所以

li > a只会匹配 <a>直接在<li>里面例如。

如果 html 是 <li><span><a> <a>不会匹配。

删除 >将匹配任何 <a>嵌套在 <li> 中，不管它周围的其他东西，所以li a会匹配 <a>在

<li><a>而且在<li><span><a> ，例如。

关于css - 什么时候在 CSS 中使用 `>` 标志？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8787134/